jQuery插件中为什么要return this.each？

在Jquery插件中，经常会有return this.each(function(){})出现，那么这是为什么呢？看以下例子：

现在我想扩展jquery，写一个通用的方法，用来改变html元素中html内容的值；

1。未使用return this.each(function(){})；

在Jquery插件中，经常会有return this.each(function(){})出现，那么这是为什么呢？看以下例子：现在我想扩展jquery，写一个通用的方法，用来改变html元素中html内容的值；1。未使用return this.each(function(){})；

此时，我们得到的obj是undefined,也就是说如果我们想链式调用是不行的，如 :$(".test").addStr("add str").css("color","red")

2.使用return this.each(function(){})；

<div class="test">      div1  </div>  <div class="test">      div2  </div>  <script type="text/javascript">          $.fn.addStr = function(str){              return this.each(function(){                  this.innerHTML = str;                  } )          }      var obj = $(".test").addStr("add str").css("color","red");<span style="color:#FF0000;">现在我们可以继续调用jquery对象的方法.css("","");</span>      alert(obj instanceof jQuery);//true   </script>  

 而现在，我们能够取得返回的jquery对象，可以进行链式调用。

转载：http://blog.csdn.net/wyb_gg/article/details/53580216