これとjQueryの$（これ）との違いは何ですか？

Question

jqueryの新機能です。 thisと$(this)の違いを知りたい。私は放火犯を使用するとき、私はこの

$.fn.column = function() { 

    var $td = this; 
    var $td1 = $(this); 


}; //end of $.fn.column = function() 

$('#FaqGridForm\\:faqGrid tr td').column(); 

のような関数呼び出しを行ったと仮定し、その後、両方の変数が[td]あります。では、これら2つの違いは何ですか？

Answer 1

jQueryプラグインでは、thisは、すべての一致する要素のjQueryコレクションを指します。この文脈で$(this)を使用することは時代遅れであり、はを推奨していません。

たとえば、イベントハンドラのコンテキストでは、thisは、イベントが発生したDOM要素を指します。 $(this)はjQueryオブジェクトにDOM要素をラップするので、jQueryメソッドが利用できます。

コード例：

$.fn.plugin = function() { alert(this); }; 
$('selector').plugin(); //Alerts [object Object] = a jQuery object. 

$('body').click(function() { 
    alert(this); // [object HTMLBodyElement] 
    alert($(this));// [object Object] (a jQuery object) 
}); 

Answer 2

this問題のネイティブDOM要素です。 DOMメソッドの全範囲を使用することができます。

$(this)は、jQueryオブジェクトにラップされたネイティブDOM要素です。jQueryが提供するすべての関数にアクセスすることができます。これは、必要に応じて要素を修正するためのフレームワークです。また、使用してjQueryオブジェクトを経由してDOM要素自体にアクセスすることができます。これは明らかに外部関数でのjQueryを書くに適用されます

$("#myElement")[0] 

更新

。あなたの例ではプラグインを使用しているので、Rob Wは正しいので、thisは要素を含むjQueryオブジェクトを参照します。

Answer 3

この場合、実際の違いはありません。あなたはjQueryを拡張しているので、thisは既にjQueryのインスタンスであり、すべて$(this)はそれをjQueryに再度渡すことはありませんが、これは不要です。

$("#someElem").click(function() { 
    //this is now a reference to a DOM element: 
    console.log(this instanceof jQuery); //false 
    console.log(this.val()); //TypeError 
}); 

あなたは、多くの場合、あなたはそれにjQueryのメソッドを使用できるようにjQueryにthisに合格する必要があります：このようなケースではしかし

、

$("#someElem").click(function() { 
    console.log($(this) instanceof jQuery); //true 
    console.log($(this).val()); //Prints value 
});