jquery - jQuery: $('#id').find('> a')... は何を見つけますか?

Question

誰かが私のタイトルを変更すると確信していますが、それが続いている間、私はそれが好きでした.

とにかく、ヘクターはこれを何をしますか (私の 7 歳の子供が言うように)?

$('#id').find('> a')...

ところで、それは（ここで説明されているように）$('#parent > .child')と同じですが、私が使用したことはありません。$('#parent').children('.child')

Answer 1

親を指定せずに使用> aすることは、実際には非推奨の構文です。これは、あいまいなセマンティクスがあることを発見したためです。 .find('> a')は実際には と同等.children('a')です。

http://api.jquery.com/child-selector/から

注:$("> elem", context)セレクターは、将来のリリースで廃止される予定です。したがって、代替セレクターを使用する代わりに、その使用はお勧めできません。

$(sel, context)[と同等であることを思い出してください$(context).find(sel)]

Answer 2

.find()通常、子孫を何レベルも下に選択するために使用されますが、あなたの場合、>beforeを追加するaと、選択が子のみに制限されます（または、＃idの代わりにCSSクラスを使用する場合は最初のレベルのみ）。

これは基本的にと同じです$('#id > a')が$('#id').children('a')、追加の関数呼び出しがあります。

あなたのタイトルは完璧です、ところで:)

Answer 3

以下のクエリを使用して要素を見つけようとしている間

$("#master").find('> a')

次に、属性 id = 'master' を持つ要素内のすべての最初のレベルのアンカー要素を見つけます

そして、以下のクエリを使用して要素を見つけようとしている間

$("#master").find('a')

次に、どのレベルにあるかに関係なく、属性 id = 'master' を持つ要素内のすべてのアンカー要素を見つけます。