详解jQuery中的getAll()和cleanData()

前言：

看 jQuery 源码的一个痛点就是调用一个函数时，里面会调用 N 个其他函数，然后这 N 个函数里面又会调用 M 个其他其他函数。。

本篇文章主要是对

detach()/empty()/remove()/unwrap()]() 

一、getAll(context, tag)

作用：

用来获取 context 上的 tag 标签，或者是将 context 和 context 里的 tag 标签的元素合并

源码：

//一般是传的node,'script'
 //应该是用来获取context上的tag标签，或者是将context和context里的tag标签的元素合并
 //源码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标签的节点
   ret = context.getElementsByTagName( tag || "*" )
   console.log(tag,ret,'ret4897')
  }
 //DocumentFragment没有getElementsByTagName方法，但有querySelectorAll方法
 else if ( typeof context.querySelectorAll !== "undefined" ) {
   ret = context.querySelectorAll( tag || "*" );
  } else {
   ret = [];
  }
  console.log(nodeName( context, tag ),'nodeName4909')
  //nodeName() 判断两个参数的nodename是否相等
  if ( tag === undefined || tag && nodeName( context, tag ) ) {
   return jQuery.merge( [ context ], ret );
  }
  return ret;
 }

注意：DocumentFragment 没有getElementsByTagName方法，但有querySelectorAll方法！

二、$.merge()

作用：

合并两个数组内容到第一个数组

源码：

 // 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可能是类数组，所以需要更新下length属性
   first.length = i;
   return first;
  },

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

三、cleanData()

作用：

清除元素节点上的事件和数据

源码：

 //清除elems上的数据和事件
  //源码6146行
  cleanData: function( elems ) {								 
 1/3    1 2 3 下一页 尾页