在jQuery插件中，返回'this'或'$（this）'？

Question

當創建一個jQuery插件時，應該在$.fn函數中返回什麼？是return this還是return $(this)？一些網站我來搜索使用前者時過，而其他網站使用後者：

• return $(this)： http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx（刀頭10）
• return this： http://devheart.org/articles/tutorial-creating-a-jquery-plugin/

什麼差異，什麼是首選？

Answer 1

直接在$.fn（jQuery構造函數的原型）上生活的函數內部，this引用函數在其上運行的jQuery集合實例。返回this是正確的。用$()包裝它只會增加不必要的重量給你的代碼。

請參閱Context section of jQuery plugin authoring guidelines。

Answer 2

this是你的函數被調用的jQuery對象; $(this)是對象的淺表副本（另一個jQuery對象，指的是相同的DOM元素或任何原始對象）。通常情況下，this應該更好，因爲1）創建jQuery對象的副本需要進行一些不重要的操作，2）通常不會更改jQuery對象的屬性。

現在，如果你做更改屬性然後將兩個不同的表現：

var foo = $('#id'); 
var bar = $(foo); 
foo.baz = 1; 
bar.baz; // undefined 

，並在這種情況下返回$(this)可能更有意義。例如，jQuery的自己add函數做這樣的事情在內部：

var next = $(this); 
// add parameter to next 
return next; 

所以當你一個元素添加到jQuery對象，它不修改原：

var foo = $('html'); 
var bar = foo.add('body'); 
bar.length; // 2 
foo.length; // 1