jquery - JQuery オプション セレクター

Question

私は、JQuery を使用する新しいミツバチです。

両方のステートメントが私のために仕事をします。しかし、最初の > 記号が何をしているのか理解できませんでした??

$("#OrganiastionSettingsAll > option:selected");

と

$("#OrganisationSettingsAll option:selected");

ありがとう

Answer 1

>シンボルは、optionタグが の子孫ではなく、 の子でなければならないことを指定します#OrganiastionSettingsAll。

例えば：

<div id="outer">
   <div>
     <span>Foo</span>
   </div>
</div>

#outer span<span>タグに一致しますが、一致#outer > spanしません。

Answer 2

>最初の子のみを選択します。 例

ul>li

ul の直接の子である li のみを選択します

ul li

ul 内のすべての li 要素を選択します

Answer 3

P >C は最初のレベルの子孫に使用されますがP C、階層の下のすべてのレベルには使用されます。より具体的には 子コンビネータ (P > C) は、第 1 レベルの子孫であるjQuery Docのみを選択するという点で、子孫コンビネータ (PC) のより具体的な形式と考えることができます。

Answer 4

は、 が の子または直系の子孫でなければならないこと>を意味します。の任意のレベルで子孫になることができる手段のない例。option:selected#OrganiastionSettingsAll>option:selected#OrganiastionSettingsAll

子コンビネータ (E > F) は、第 1 レベルの子孫のみを選択するという点で、子孫コンビネータ (EF) のより具体的な形式と考えることができます。

参照: http://api.jquery.com/child-selector/

Answer 5

>CSS セレクターの直接の子孫用です。

ケースをイメージする

<div>
    <span>
        <strong>Hi!</strong>
    </span>
</div>

$('div > strong')0 要素を返します。strong は div の直接の子孫ではありません。

$('div strong')両方とも$('div > span > strong')、"Hi!" のテキストを含む strong 要素を返します。2 番目のセレクターは直系の子孫演算子を使用しますが、最初のセレクターはストロングが div の直系の子孫である必要はありません。