☰

jQuery の検索とコンテキスト選択 質問する

tag-icon • tag-icon jquery jquery-selectors
jQuery の検索とコンテキスト選択 質問する

次のHTMLスニペットを持つ

<div class="something">
    <p>Some text</p>
</div>
<div class="somethingElse">
    <p>some other text</p>
</div>

次の jQuery スニペットは同一であると思います (同じ結果になります)。

$(".something").find("p").css("border", "1px solid red");

$("p", ".something").css("border", "1px solid red");

私の質問は、どちらのスニペットが優れているのか、どちらを使うべきなのかということです。

ベストアンサー1

呼び出しは同一ではありません。

jQueryの開発に携わったブランドン・アーロン氏によると、ライブテストによるとここ、 find メソッドは常に高速です。 下のスクリーンショットで結果を確認してください。 何か見落としている点があればコメントしてください。

ブラウザによっては速度に 10% 以上の差があるため、find を使用する価値は間違いなくあるようです。

ブランドンのサイトでのさらなる説明はここ。

jQueryコンテキストとjQuery findメソッドのパフォーマンス比較結果

おすすめ記事