5

重複の可能性:
とはa > bどういう意味ですか?

こんにちは、このスタイルのセレクターの用途を教えてください。

$("> div", "#main-content")

と同じですか

 $("div", "#main-content")

?

このスタイルは以前に見たことがなく、購入したばかりのテンプレートで偶然見つけました.

4

6 に答える 6

4

基本的に>は、直接の子のみが一致することを示します。が省略された場合、その>下のすべてのレベルのすべての子が一致します。

次のような構造がある場合:

<div id="A">
  <div id="B">
    <div id="C"></div>
  </div>
</div>

次のようなセレクター:

#A > #B

あなたにBを返すはずですが、

#A > #C

Cとは一致しませんが、

#A #C

でしょう。

于 2012-07-26T12:37:25.853 に答える
3

http://api.jquery.com/child-selector/を参照して、疑問を解消してください>

于 2012-07-26T12:37:02.827 に答える
2

要素のツリー$("div", "#main-content")内のすべての div を選択すると思いますが、直接の子のみを選択します。詳細については、ドキュメントを参照してください。#main-content$("> div", "#main-content")

于 2012-07-26T12:37:11.187 に答える
2

親>子 - 直接の子要素のみを選択
します

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

于 2012-07-26T12:43:42.997 に答える
2

上記のいくつかの素晴らしい答えがあります。あなたの質問に具体的に答えるには：

jQuery 構造のしくみ: 次の $("tagToSelect", "context") ように表現することもできます 。$("context tagToSelect")

">" は、コンテキストのすぐ内側 (1 レベルの深さ) のタグのみを選択します。

したがって $("> div", "#main-content") 、技術的には と同じで $("#main-content > div") あり、#main-content の 1 つのレベルにあるすべての div を選択します (ただし、それ以上ではありません)。

あなたの他の例: $("div", "#main-content") 技術的には $("#main-content div") #main-content 内の DOM 構造全体を反復処理し、すべての div を検索します。

お役に立てれば ：-）

于 2012-07-26T13:16:33.493 に答える
1

>直接の子に使用されます。

<ul id="mainUl">
   <li>
      <ul id="secondaryUl">
         <li></li>
      </ul>
   </li>
</ul>

ここでは、両方の<ul>タグが でキャッチされますが$("ul")、 でのみ#mainUlキャッチされます$("> ul")

于 2012-07-26T12:36:02.420 に答える