JQuery选择器是CSS1-3、XPath的结合物
支持以下CSS查询器的语法
1、* 任何元素
示例：
//选择所有元素
$("*");
//选择所有div元素
$("div")
$("div:nth-child(1)");
HTML标记<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
[ <div id="div1"></div> ]
HTML 标记<body>
<div id="div1">
<div id="div3"></div>
<div id="div4"></div>
</div>
<div id="div2">
<div id="div5"></div>
</div>
</body>
[ <div id="div1"><div id="div3"></div><div id="div4"></div></div> <div id="div3"></div> <div id="div5"></div> ]
4、E:first-child 等同于 div:nth-child(1)$("div:empty");
HTML标记<body>
<div id="div1">aaaaa</div>
<div id="div2"></div>
</body>
[ <div id="div2"></div> ]
8.E:enabled 所有类型为E并且处于可用状态的元素$("input:enabled");
HTML标记<body>
<input id="btn1" type="button" />
<input id="btn2" type="button" disabled="disabled" />
</body>
[ <input id="btn1" type="button" /> ]
9、E:disabled 与 E:enabled相反$("div input")
HTML标记<body>
<div id="div1">
<table>
<tr>
<td><input type="button" id="btn1"/></td>
</tr>
</table>
</div>
<div id="div2"></div>
<input type="button" id="btn2"/>
</body>
[ <input type="button" id="btn1"/> ]
16、E > F 所有父元素为E的F元素以下是JQuery支持但是和CSS不同的选择器
1、E[@foo]
所有包含foo属性的类型为E的元素
2、E[@foo=bar]
所有包含foo属性的值为bar的类型为E的元素
3、E[@foo^=bar] 所有包含foo属性的值以bar开头的类型为E的元素
4、E[@foo$=bar]
所有包含foo属性的值以bar结尾的类型为E的元素
5、E[@foo*=bar]
所有包含foo属性的值包含bar的类型为E的元素
支持XPath的选择器都比较好理解
详细的参考http://docs.jquery.com/Selectors
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。