我是使用 JQuery 的新蜜蜂。
这两种说法都对我有用。但我不明白第一个 > 符号在做什么?
$("#OrganiastionSettingsAll > option:selected");
和
$("#OrganisationSettingsAll option:selected");
谢谢
我是使用 JQuery 的新蜜蜂。
这两种说法都对我有用。但我不明白第一个 > 符号在做什么?
$("#OrganiastionSettingsAll > option:selected");
和
$("#OrganisationSettingsAll option:selected");
谢谢
该>
符号指定option
标签必须是 的子代#OrganiastionSettingsAll
,而不是后代。
例如:
<div id="outer">
<div>
<span>Foo</span>
</div>
</div>
#outer span
匹配<span>
标签,但#outer > span
不匹配。
P >
C 用于第一级的后代,而P
C
对于层次结构的所有级别。更具体地说,子组合器 (P > C) 可以被认为是后代组合器 (PC) 的一种更具体的形式,因为它只选择第一级后代,jQuery Doc。
>
只选择第一个孩子。
例子
ul>li
仅选择作为 ul 的直接子级的 li
ul li
选择 ul 中的所有 li 元素
这>
意味着option:selected
必须是 的孩子或直系后裔#OrganiastionSettingsAll
。>
没有方法的示例option:selected
可以是任何级别的后代#OrganiastionSettingsAll
。
子组合器 (E > F) 可以被认为是后代组合器 (EF) 的一种更具体的形式,因为它只选择第一级后代。
>
用于 CSS 选择器中的直接后代。
图片案例
<div>
<span>
<strong>Hi!</strong>
</span>
</div>
$('div > strong')
将返回零个元素,strong 不是 div 的直接后代。
$('div strong')
and $('div > span > strong')
will both return the strong element with text of "Hi!". The second selector uses the direct descendent operator while the first selector doesn't require that the strong be a direct descendent of the div.