亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

jQuery的each迭代器

jQuery的each方法從使用上就要分2種情況:

? $.each()函數
? $(selector).each()

$.each()函數和$(selector).each()是不一樣的,后者是專門用來遍歷一個jQuery對象的,是為jQuery內部服務的。

$.each()函數可用于迭代任何集合,無論是“名/值”對象(JavaScript對象)或數組。在迭代數組的情況下,回調函數每次傳遞一個數組索引和相應的數組值作為參數。(該值也可以通過訪問this關鍵字得到,但是JavaScript始終將this值作為一個Object,即使它是一個簡單的字符串或數字值。)該方法返回其第一個參數,這是迭代的對象。

jQuery的實例方法最終也是調用的靜態方法,我們在之前就解釋過jQuery的實例與原型方法共享的設計。

其中each的實例方法如下:

可見內部是直接調用的靜態方法:

each: function(callback, args) {
    return jQuery.each(this, callback, args);
},

jQuery.each靜態方法:

each: function(obj, callback, args) {
    var value,
        i = 0,
        length = obj.length,
        isArray = isArraylike(obj);

    if (args) {
        if (isArray) {
            for (; i < length; i++) {
                value = callback.apply(obj[i], args);

                if (value === false) {
                    break;
                }
            }
        } else {
            for (i in obj) {
                value = callback.apply(obj[i], args);

                if (value === false) {
                    break;
                }
            }
        }

實現原理幾乎一致,只是增加了對于參數的判斷。對象用for in遍歷,數組用for遍歷。

jQuery可以是多個合集數組DOM,所以在處理的時候經常就針對每一個DOM都要單獨處理,所以一般都需要調用this.each 方法,如下代碼:

dequeue: function( type ) {
        return this.each(function() {
            jQuery.dequeue( this, type );
        });
    },

迭代器除了單純的遍歷,在jQuery內部的運用最多的就是接口的抽象合并,相同功能的代碼功能合并處理:

例如一:

jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
    class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

例如二:

jQuery.each({
    mouseenter: "mouseover",
    mouseleave: "mouseout",
    pointerenter: "pointerover",
    pointerleave: "pointerout"
}, function( orig, fix ) {
    //處理的代碼
});

可以看出上面代碼方法,針對相同的功能,節約了大量的代碼空間。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?