第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問(wèn)答
課簽
筆記
評(píng)論
占位
占位

jQuery的each迭代器

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

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

$.each()函數(shù)和$(selector).each()是不一樣的,后者是專(zhuān)門(mén)用來(lái)遍歷一個(gè)jQuery對(duì)象的,是為jQuery內(nèi)部服務(wù)的。

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

jQuery的實(shí)例方法最終也是調(diào)用的靜態(tài)方法,我們?cè)谥熬徒忉屵^(guò)jQuery的實(shí)例與原型方法共享的設(shè)計(jì)。

其中each的實(shí)例方法如下:

可見(jiàn)內(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;
                }
            }
        }

實(shí)現(xiàn)原理幾乎一致,只是增加了對(duì)于參數(shù)的判斷。對(duì)象用for in遍歷,數(shù)組用for遍歷。

jQuery可以是多個(gè)合集數(shù)組DOM,所以在處理的時(shí)候經(jīng)常就針對(duì)每一個(gè)DOM都要單獨(dú)處理,所以一般都需要調(diào)用this.each 方法,如下代碼:

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

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

例如一:

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 ) {
    //處理的代碼
});

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

任務(wù)

?不會(huì)了怎么辦
||

提問(wèn)題

寫(xiě)筆記

公開(kāi)筆記
提交
||

請(qǐng)驗(yàn)證,完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求

加群二維碼

打開(kāi)微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號(hào)

綁定后可得到

  • · 粉絲專(zhuān)屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問(wèn)題答復(fù)提醒
  • · 賬號(hào)支付安全提醒

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

使用 Ctrl+D 可將課程添加到書(shū)簽

邀請(qǐng)您關(guān)注公眾號(hào)
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

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

手記推薦

更多

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?