jQuery的each方法從使用上就要分2種情況:
? $.each()函數(shù) ? $(selector).each()
$.each()函數(shù)和$(selector).each()是不一樣的,后者是專門用來遍歷一個jQuery對象的,是為jQuery內(nèi)部服務(wù)的。
$.each()函數(shù)可用于迭代任何集合,無論是“名/值”對象(JavaScript對象)或數(shù)組。在迭代數(shù)組的情況下,回調(diào)函數(shù)每次傳遞一個數(shù)組索引和相應(yīng)的數(shù)組值作為參數(shù)。(該值也可以通過訪問this關(guān)鍵字得到,但是JavaScript始終將this值作為一個Object,即使它是一個簡單的字符串或數(shù)字值。)該方法返回其第一個參數(shù),這是迭代的對象。
jQuery的實例方法最終也是調(diào)用的靜態(tài)方法,我們在之前就解釋過jQuery的實例與原型方法共享的設(shè)計。
其中each的實例方法如下:
可見內(nèi)部是直接調(diào)用的靜態(tài)方法:
each: function(callback, args) { return jQuery.each(this, callback, args); },
jQuery.each靜態(tài)方法:
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; } } }
實現(xiàn)原理幾乎一致,只是增加了對于參數(shù)的判斷。對象用for in遍歷,數(shù)組用for遍歷。
jQuery可以是多個合集數(shù)組DOM,所以在處理的時候經(jīng)常就針對每一個DOM都要單獨處理,所以一般都需要調(diào)用this.each 方法,如下代碼:
dequeue: function( type ) {
return this.each(function() {
jQuery.dequeue( this, type );
});
},
迭代器除了單純的遍歷,在jQuery內(nèi)部的運用最多的就是接口的抽象合并,相同功能的代碼功能合并處理:
例如一:
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 ) { //處理的代碼 });
可以看出上面代碼方法,針對相同的功能,節(jié)約了大量的代碼空間。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報