jQuery がカプセル化したネイティブ DOM 要素を返すようにするにはどうすればよいですか?
6 に答える
jQuery で要素を見つけたら、「get」関数で要素を取得できます。
var regularElement = $('#myElementId').get(0);
「.each()」関数内では、「this」ポインターは「実際の」要素を参照します。
$('input.special').each(function() {
var type = this.type;
this.value = "exploding balloon";
// etc
})
jQuery を使用しても、Javascript が「別物」になるわけではありません。それはJavascript であり、DOM は依然として DOM です。
jQuery はシズル セレクター エンジンを使用します*。単体でもお使いいただけます。
* Doug Neiner によって確認されました。これは正しいことを意味します ;)
$('myTag').get(0)
HTML 要素を返します。
他の人はすでに質問に直接答えています。get() メソッドを使用します。
ただし、ほとんどの場合、生の DOM 要素にアクセスして「標準」の JavaScript を使用して変更するのではなく、jQuery メソッドを使用して操作を行います。
たとえば、jQuery では、$('mySelector').addClass('myClass') と言うだけで、CSS クラスを DOM 要素に追加できます。これは、直接 DOM 操作を使用すると、はるかに複雑 (およびブラウザー固有) になります。この概念は、他のほとんどすべての DOM 操作に適用されます。
jQuery オブジェクトが「cheese_tag」の最初のインスタンスであるかどうかを確認しようとしていると思います。セレクターで最初のタグを見つけることができれ:first
ば、比較を行う必要はありません。たとえば、最初のdiv
タグを取得すると、次のようになります$('div:first')
。
jQuery セレクターの完全なリストについては、ドキュメントを参照してください。