jQuery.pushStack的深入讲解

pushStack用来做什么?

  • 注释解释:返回新的元素集合但保持旧元素的集合---实现链式风格end()方法
     
     
 <pre class="javascript" name="code">jQuery.fn =jQuery.prototype={


pushStack: function( elems, name, selector ) {
  // 初始化一个空的jQuery对象  var ret = jQuery();
 // 如果参数elems是数组 则调用jQuery的push方法  将elems的所有元素推进ret集合中
 if ( jQuery.isArray( elems ) ) {
   	push.apply( ret, elems );
  
  } else {
  	//merge用法 也是用于合并,将elems的所有元素合并进入ret   
	jQuery.merge( ret, elems );
  }

   // this表示调用的jQuery对象,如$("p").pushStack()
   // this就表示$("p") 这样做为了不丢失$("p")集合,
   //这样可以支持链式操作 $("div").find("p").end()==$("div") 
	// end: function() {
	//	return this.prevObject || this.constructor(null);
	//	}
  ret.prevObject = this;
  ret.context = this.context;

  if ( name === "find" ) {
 	// 修正选择符  比如 $("div").pushStack(elems,"find","p") 
 	//则ret的选择符将变为 selector---->"div p";  
 	 ret.selector = this.selector + (this.selector ? " " : "") + selector;
  } else if ( name ) {
 	// 修正选择符  比如 $("div").pushStack(elems,"filter",".wain") 
 	//则ret的选择符将变为 selector---->"div.filter(.wain)";   
	ret.selector = this.selector + "." + name + "(" + selector + ")";
  }

  	// 返回新结合
  	return ret;
 }
}

 

                                                                                                                 
                                    


   
                         


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值