JQuery选项选择器

Question

我是一个使用JQuery的新蜜蜂。

这两个陈述都适合我。但我无法理解＆gt;首先是做符号吗？

$("#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

P > C用于第一级的后代，其中P C用于层次结构中的所有级别。 更具体地，子组合子（P> C）可以被认为是后代组合子（P C）的更具体形式，因为它仅选择第一级后代jQuery Doc。

Answer 3

> 仅选择第一个孩子。 示例

ul>li

仅选择作为ul

的直接子项的li

ul li

选择ul

中的所有li元素

Answer 4

>表示option:selected必须是#OrganiastionSettingsAll的孩子或直系后代。没有>的示例意味着option:selected可以是#OrganiastionSettingsAll任意级别的后代。

  

儿童组合子（E> F）可以被认为是更具体的形式   后代组合子（E F）的结果是它只选择第一级   后代。

参考：http://api.jquery.com/child-selector/

Answer 5

>用于CSS选择器中的直接后代。

想象一下案例

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

$('div > strong')将返回零元素，strong不是div的直接后代。

$('div strong')和$('div > span > strong')都会返回带有“Hi！”文本的强元素。第二个选择器使用直接后代运算符，而第一个选择器不要求强者是div的直接后代。