Query 插件为什么要return this.each()

jQuery.fn.test2= function(){ 
   this.css("background","#ff0");//这里面的this为jquery对象，而不是dom对象 
   return this.each(function(){ //遍历匹配的元素，此处的this表示为jquery对象，而不是dom对象 
          alert("this"+this+this.innerHTML); //提示当前对象的dom节点名称,这里的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。 
          });

};

this.css(),this.each（）里面的this为jquery对象，但是alert里面this为dom对象.

为什么要return this.each()

先return this.each(),后调用each（）方法，而each（）方法返回jQuery对象，所以这样就可以继续链式操作了。

2、$(this)取出当前对象并转换为jQuery对象
3、$(this)是jquery对象，能调用jquery的方法，例如click(), keyup()；而this,则是html元素对象，能调用元素属性，例如this.id,this.value

巴特西

Query 插件为什么要return this.each()

最新文章

热门文章