2016-11-06 4 views
1

jQuery 3.1.1を使用する理由は何ですか?jQuery - .First()と[0]要素の比較

$('dd[data-something]').first().innerText; 

^は未定義

$('dd[data-something]')[0].innerText; 

^を返す有効なデータを返す

は、配列の0番目の要素はまた、1次回()の要素ではないでしょうか?

を編集してください。ありがとうございました。jQueryオブジェクトとDOM要素があります。デバッガが明らかに私がこれを削除する前に示したように:)それは明日の終わりと呼ぶ時間です。

+2

** [jQuery APIのドキュメント](http://api.jquery.com)を読み終えるまでには、**貴重な時間です**。それは約1時間、2つのトップスがかかるだけで、すぐにその時間を返す。 –

+0

'$( 'dd [data-something]')。first()[0]'は '$( 'dd [data-something]')[0]'と '$( ' dd [data-something] ')。first()。first()[0] '。さらに、 '$( 'dd [data-something]')。first()'は 'jQuery( 'dd [data-something]:eq(0)')'と同じです。これは、jQueryオブジェクトを扱っているときや、素朴な要素を扱っているときの理解に役立ちます。 – leaf

答えて

3

firstは(何innerText性を有していないが、その便利text方法を持っている)セット内の最初の生のDOM要素に巻き付けjQueryオブジェクトを返し、[0]直接innerTextを持っているその生DOM要素を(アクセスするためほとんどのブラウザではプロパティ)。

0

first()通常のJavaScriptオブジェクトとは異なり、ネイティブのJavaScript APIで動作しませんjQueryオブジェクトを返しますが、ここでは1次回()メソッドは、新しいを構築

公式ドキュメントからqouteですjQueryオブジェクトをそのセットの最初の要素から削除します。

秒1(インデックスゼロ)はJavaScriptを返します。あなたはjQueryのからテキストを使用text()を取得したいし、それが

$('dd[data-something]').first().text('new text'); // this will change the text 
を動作する場合、それはほとんどそう querySelectorAll()

を使用して要素を呼び出すようなものだオブジェクト

関連する問題