javascript学习之简单实现jquery的$("div").text()。

来源：互联网发布：app产品优化编辑：程序博客网时间：2024/05/19 18:42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script type="text/javascript" defer="defer">           /***************************模拟核心代码******************/          function jquery(o) {            var obj;            if (typeof o != "Object") {                var strTopLable = o.toString().substring(0, 1);                var strMark = o.toString().substring(1);                switch (strTopLable) {                    case "#": obj = document.getElementById(strMark); break;                    default: obj = document.getElementsByTagName(o)[0]; break;                }                            }            this.text = function (t) {                if (t == null)                    return obj.innerHTML;                else                    obj.innerHTML = t;            }        }        function $(o) {            return new jquery(o);        }        /*********************************************************/          /************************测试代码*************************/        var div = $("div");        var ul = $("#ul1");        div.text(ul.text());        div.text(div.text() + "<br />");        /**********************************************************/    </script>   </head><body>    <div id="div1">    </div>    <ul id="ul1" class="nav_ul">        <li class="nav_button"><a href="index.aspx">首 页</a></li>        <li class="nav_button"><a href="about.aspx">宋德福违反</a></li>        <li class="nav_button"><a href="product.aspx">违反</a></li>        <li class="nav_button"><a href="application.aspx">违反</a></li>        <li class="nav_button"><a href="contact.aspx">违反</a></li>    </ul></body></html>