溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

閱讀jquery源碼的筆記

發(fā)布時間:2020-07-22 16:34:02 來源:網(wǎng)絡 閱讀:491 作者:wx5955e325d6bfb 欄目:web開發(fā)

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>

        <script>

            //==========================定義立即執(zhí)行函數(shù),傳入全局對象window         start=======================================
            (function(w) {
                function duquery(id) { //定義函數(shù),實現(xiàn)去new的操作

                    function Duquery(id) { //定義類
                        this.ele = document.getElementById(id); //ID查找
                        return this;
                    };
                    Duquery.prototype.html = function(val) { //利用原型添加設置html的方法
                        this.ele.innerHTML = val;
                        return this;
                    };
                    Duquery.prototype.attr = function(key, val) { //添加設置屬性的方法
                        this.ele.setAttribute(key, val);
                        return this;
                    };
                    Duquery.prototype.css = function(key, val) { //添加設置樣式的方法
                        this.ele.style[key] = val;
                        return this;
                    };
                    Duquery.prototype.on = function(event, fun) {
                        this.ele.addEventListener(event, fun, false);
                        return this;
                    };
                    return new Duquery(id); //去new處理,返回實例對象
                };
                duquery.wait = function(time, fun) { //添加延時靜態(tài)方法,可以通過函數(shù)名直接使用
                    setTimeout(fun, time);
                };
                duquery.each = function() { //添加遍歷迭代靜態(tài)方法
                    for(var key in arr) {
                        callback(key, arr[key]);
                    }
                };
                w.$$ = w.duquery = duquery; //類追加到全局對象window上,頁面可以直接調(diào)用        
            })(window)
            //==========================定義立即執(zhí)行函數(shù),傳入全局對象window         end=======================================

            window.onload = function() {
                //            $$('aa').html('閱讀jquery源碼');
            }

            function test() {
                test.prototype.name='guoxiaopegn';
                test.prototype.getname = function() {
                    alert(3333);
                };
                test.getStaticname = function() {
                alert("全局函數(shù)");
                }
            }
//            var t = new test();
//            alert(t.name);
//            t.getname();
//            test.getStaticname();
            var s = {
                name: "zhangsan",
                getName: function(name) {
                    alert(this.name);
                }
            }
            alert(s.name);
        </script>
    </head>

    <body>
        <div id="aa">

            我的封裝dom測試
        </div>
    </body>

</html>

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI