jQueryのセレクタは、変数

Question

にDOM要素を割り当てるために動作しない私持っているように変数を割り当てプログラム：

var theList = document.getElementById('theList'); 

それはjqueryのを使用しますが、私はこのようにそれを書いた場合：

var theList = $('#theList'); 

その変数を使用する関数は機能しません。

jQueryセレクタとgetElementByIdの違いは何ですか？

Answer 1

最初のtheListはDOM要素です。第2のtheList（これは理想的には$theListと書かれている）はjQuery objectです。あなたの機能は明らかに前者であり後者ではないと期待しています。

Answer 2

document.getElementByIdは、そのノードのプロパティに直接アクセスできるネイティブDOM要素オブジェクトを返します。

jQuery関数は代わりに、 "jQueryコレクション"、つまり関連する一連の関数/プラグインなどを持つjQueryオブジェクトを返します。これはDOMノードの配列のように動作します。

後者から前者を伝えるために使用される一般的な慣例

は $後者を含む変数の接頭辞である：

はDOMノードとしてjQueryのコレクションから個々の要素を抽出し、いずれか.get(n)又は[n]を使用します。 $（ '＃のtheList'）はjQueryオブジェクトではなく、DOMオブジェクトを返すためです

var id = $theList.attr('id'); // jQuery function 
var id = theList.id;   // native property 

Answer 3

：

var $theList = $('#theList'); // jQuery collection 
var theList = $theList[0];  // DOM node 
var theList = $theList.get(0); // also a DOM node 

属性とプロパティのアクセスでは、jQueryのコレクションかどうかを持っているかどうかによって異なります。 JQueryオブジェクトには、同じメソッドがありません& Javascript要素/ノードの可能性があります。

Answer 4

標準のgetElementByID関​​数はDOM要素へのJavaScript参照を返しますが、jQuery関数はjQueryオブジェクト（DOM要素へのJavaScript参照を0回以上参照する配列のような構造を含む）を返します。

あなたが使用することができ、それらは互換性を持たせるために：

var theList = $('#theList').get(0); 

NB：編集を世界の平和を維持し、私の急いコメンターが指摘して速かったという用語型付けを修正支援します。

Answer 5

getElementById関数は、指定されたidを持つ最初の要素を返します。ここで、jqueryセレクターは「ラップされたセット」と呼ばれるオブジェクトを返します。 each関数を使用してiterateし、関数を呼び出すことができます。

この記事を参照：http://www.devx.com/codemag/Article/40923