jquery - jqueryのセレクターの違い

Question

今日まで、私はこれら 2 つのセレクターを同じものと見なしていました。同じアクションを実行すると思いますが、今日は動作が異なるという問題に固執しました。これらのセレクターの違いを知りたいです。デモ

$('.test p:first');

$('.test').find('p:first');

Answer 1

違いは、返された要素に基づいています。

$('.test').find('p:first')p:first-すべてに戻ります.test。これにより、リストが返され、リスト内の各要素がフィルター処理されます。

$('.test p:first')- all で一致したすべてp:firstから返します。これは、リストから要素とフィルターの単一のリストを返します。p.test

Answer 2

私の推測では、ですべての要素$('.test p:first')の最初を選択します。p.test

$('.test').find('p:first')の各要素の最初pを選択します。.test