這篇文章將為大家詳細(xì)講解有關(guān)getAll()與cleanData()怎么在jQuery中使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶多一個(gè)朋友！為您提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、成都網(wǎng)頁(yè)設(shè)計(jì)、成都微信小程序、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、APP應(yīng)用開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來(lái)見證！

一、getAll(context, tag)

作用：

用來(lái)獲取 context 上的 tag 標(biāo)簽，或者是將 context 和 context 里的 tag 標(biāo)簽的元素合并

源碼：

//一般是傳的node,'script'
 //應(yīng)該是用來(lái)獲取context上的tag標(biāo)簽，或者是將context和context里的tag標(biāo)簽的元素合并
 //源碼4893行
 function getAll( context, tag ) {
  // Support: IE <=9 - 11 only
  // Use typeof to avoid zero-argument method invocation on host objects (#15151)
  var ret;
  console.log(context,typeof context.getElementsByTagName,typeof context.querySelectorAll,'context4894')
  //如果context存在getElementsByTagName的方法的話
  if ( typeof context.getElementsByTagName !== "undefined" ) {
   //tag:script
   //從context中獲取script標(biāo)簽的節(jié)點(diǎn)
   ret = context.getElementsByTagName( tag || "*" )
   console.log(tag,ret,'ret4897')
  }
 //DocumentFragment沒(méi)有g(shù)etElementsByTagName方法，但有querySelectorAll方法
 else if ( typeof context.querySelectorAll !== "undefined" ) {
   ret = context.querySelectorAll( tag || "*" );
  } else {
   ret = [];
  }
  console.log(nodeName( context, tag ),'nodeName4909')
  //nodeName() 判斷兩個(gè)參數(shù)的nodename是否相等
  if ( tag === undefined || tag && nodeName( context, tag ) ) {

   return jQuery.merge( [ context ], ret );
  }
  return ret;
 }

注意：DocumentFragment 沒(méi)有g(shù)etElementsByTagName方法，但有querySelectorAll方法！

二、$.merge()

作用：

合并兩個(gè)數(shù)組內(nèi)容到第一個(gè)數(shù)組

源碼：

 // Support: Android <=4.0 only, PhantomJS 1 only
  // push.apply(_, arraylike) throws on ancient WebKit
  //源碼461行
  //將second合并到first后面
  merge: function( first, second ) {
   var len = +second.length,
    j = 0,
    i = first.length;
   //依次將second的item添加到first后面
   for ( ; j < len; j++ ) {
    first[ i++ ] = second[ j ];
   }
   //first可能是類數(shù)組，所以需要更新下length屬性
   first.length = i;
   return first;
  },

需要注意的是最后的 first.length = i

三、cleanData()

作用：

清除元素節(jié)點(diǎn)上的事件和數(shù)據(jù)

源碼：

 //清除elems上的數(shù)據(jù)和事件
  //源碼6146行
  cleanData: function( elems ) {
   var data, elem, type,
    //beforeunload/blur/click/focus/focusin/focusout/
    //load/mouseenter/mouseleave/pointerenter/pointerleave
    special = jQuery.event.special,
    i = 0;
   for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) {
    //允許的節(jié)點(diǎn)類型
    if ( acceptData( elem ) ) {
     //當(dāng)有事件綁定到elem后，jQuery會(huì)給elem一個(gè)屬性dataPriv.expando
     //該屬性上面就綁定了事件和數(shù)據(jù)
     if ( ( data = elem[ dataPriv.expando ] ) ) {
      //如果data上有事件的話
      if ( data.events ) {
       //逐個(gè)列舉data上的事件，比如click
       for ( type in data.events ) {
        // 如果special中有data.events上的事件
        if ( special[ type ] ) {
         //調(diào)用jQuery.event.remove方法，移除elem上的event類型
         jQuery.event.remove( elem, type );
         // This is a shortcut to avoid jQuery.event.remove's overhead
        }
        //應(yīng)該是自定義的事件
        else {
         //本質(zhì)即elem.removeEventListener(type,handle)
         jQuery.removeEvent( elem, type, data.handle );
        }
       }
      }
      // Support: Chrome <=35 - 45+
      // Assign undefined instead of using delete, see Data#remove
      //最后將元素的dataPriv.expando屬性置為undefined
      elem[ dataPriv.expando ] = undefined;
     }
     //dataUser應(yīng)該是用戶綁定的事件
     if ( elem[ dataUser.expando ] ) {
      // 將元素的dataUser.expando屬性置為undefined
      // Support: Chrome <=35 - 45+
      // Assign undefined instead of using delete, see Data#remove
      elem[ dataUser.expando ] = undefined;
     }
    }
   }
  }

解析：

① 依次判斷 elems[i] 是否是元素節(jié)點(diǎn)/文檔節(jié)點(diǎn)/對(duì)象

② 再判斷 elem 的 dataPriv.expando 屬性是否有 events 屬性

③ 當(dāng) events 里有 jQuery.event.special 指定的 事件類型時(shí)，
使用jQuery.event.remove(elem,type)移除事件和數(shù)據(jù)

④ 反之，則使用jQuery.removeEvent(elem,type,data.handle)移除事件和數(shù)據(jù)

⑤ 將 elem[dataPriv.expando]置為 undefined

⑥ 將 elem[dataUser.expando]置為 undefined

四、acceptData()

作用：

判斷是否是指定的節(jié)點(diǎn)類型，返回 true/false

源碼：

 //判斷是否是指定的節(jié)點(diǎn)類型
 //只接受元素節(jié)點(diǎn)1，文檔節(jié)點(diǎn)9，任意對(duì)象
 //返回true/false
 //源碼4178行
 var acceptData = function( owner ) {
  // Accepts only:
  // - Node
  //  - Node.ELEMENT_NODE
  //  - Node.DOCUMENT_NODE
  // - Object
  //  - Any
  return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
 }

注意：

Object 類型的 nodeType 是 undefined

五、$.removeEvent()

作用：

移除 elem 上的自定義監(jiān)聽事件

源碼：

 //移除elem上的自定義監(jiān)聽事件
 //源碼5599行
 //jQuery.removeEvent(elem,type,data.handle)
 jQuery.removeEvent = function( elem, type, handle ) {
  // This "if" is needed for plain objects
  if ( elem.removeEventListener ) {
   elem.removeEventListener( type, handle );
  }
 }

關(guān)于getAll()與cleanData()怎么在jQuery中使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享題目：getAll()與cleanData()怎么在jQuery中使用-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://jinyejixie.com/article32/djccpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站維護(hù)、商城網(wǎng)站、網(wǎng)站收錄、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)