jquery Selectors

[url]http://docs.jquery.com/Selectors[/url]
selectors其实也是jquery的核心内容, 没有跟core放在一起有些奇怪, 因为core的章节中已经提到了slector用法,那种类似xpath的取对象方式算得上是jquery最吸引人的特点了。

selectors基本方式:
#id Returns: Array<Element>
id属性唯一确认一个对象
element Returns: Array<Element(s)>
用name(name组成xpath)获取对象或对象数组
.class Returns: Array<Element(s)>
用class属性获取对象或对象数组
* Returns: Array<Element(s)>
*用来获取所有对象
selector1, selector2, selectorN Returns: Array<Element(s)>
用一组selectors(包含以上三种)来获取满足匹配要求的对象合集。

继承关系的选择:
ancestor descendant Returns: Array<Element(s)>
$("form input")类似这样, 用ancestor在前,descendant在后的形式来选择对象。这个形式实在非常常见。
parent > child Returns: Array<Element(s)>
$("div > input")类似这样, 来选择对象。 感觉跟$("div input")是等价的。
prev + next Returns: Array<Element(s)>
$("label + input")类似这样, 选择紧接着label的下一个兄弟对象。
prev ~ siblings Returns: Array<Element(s)>
$("label ~ input")类似这样, 选择lable的之后的全部兄弟对象。

Child Filters:
:nth-child(index/even/odd/equation) Returns: Array<Element(s)>
所选对象中,作为第n个child的对象
:first-child Returns: Array<Element(s)>
所选对象中,作为第一个child的对象
:last-child Returns: Array<Element(s)>
所选对象中,作为最后一个child的对象
:only-child Returns: Array<Element(s)>
所选对象中,作为叶子节点child的对象

基本Filters:
filters一般都是结合selectors,进一步筛选对象
:first Returns: Array<Element>
所选对象的第一个
:last Returns: Array<Element>
所选对象的最后一个
:not(selector) Returns: Array<Element(s)>
所选对象中不满足指定selector规则的对象
:even Returns: Array<Element(s)>
所选对象中的奇数编号的对象
:odd Returns: Array<Element(s)>
所选对象中的偶数编号的对象
:eq(index) Returns: Array<Element>
所选对象中的指定编号的对象
:gt(index) Returns: Array<Element(s)>
所选对象中大于指定编号的对象
:lt(index) Returns: Array<Element(s)>
所选对象中小于指定编号的对象

Content Filters:
:contains(text) Returns: Array<Element(s)>
所选对象中包含指定文本的对象
:empty Returns: Array<Element(s)>
所选对象中的没有子对象的对象(叶子对象)
:has(selector) Returns: Array<Element(s)>
所选对象中包含指定selector的对象
:parent Returns: Array<Element(s)>
所选对象中有子对象的对象(非叶子对象)

Visibility Filters:
:hidden Returns: Array<Element(s)>
所选对象中隐藏的对象
:visible Returns: Array<Element(s)>
所选对象中可见的对象

属性filter
[attribute] Returns: Array<Element(s)>
所选对象中有该属性的对象
[attribute=value] Returns: Array<Element(s)>
所选对象中,指定属性值的对象
[attribute!=value] Returns: Array<Element(s)>
所选对象中, 没有指定属性值的对象
[attribute^=value] Returns: Array<Element(s)>
所选对象中, 属性值以指定值开头的对象
[attribute$=value] Returns: Array<Element(s)>
所选对象中,属性值以指定值结束的对象
[attribute*=value] Returns: Array<Element(s)>
所选对象中,属性值以包含指定值的对象
[selector1][selector2][selectorN] Returns: Array<Element(s)>
所选对象中, 满足一组selector组合规则的对象

Forms的filter:
其实感觉这些都不算是限制于form的,不知道为何跟form扯上了关系
:input Returns: Array<Element(s)>
所有input对象
:text Returns: Array<Element(s)>
所有text对象
:password Returns: Array<Element(s)>
所有password对象
:radio Returns: Array<Element(s)>
所有radio对象
:checkbox Returns: Array<Element(s)>
所有checkbox对象
:submit Returns: Array<Element(s)>
所有submit对象
:image Returns: Array<Element(s)>
所有image对象
:reset Returns: Array<Element(s)>
所有reset对象
:button Returns: Array<Element(s)>
所有button对象
:file Returns: Array<Element(s)>
所有file对象
:hidden Returns: Array<Element(s)>
所有看不到,或者hidden的对象
:enabled Returns: Array<Element(s)>
所有enabled状态的对象
:disabled Returns: Array<Element(s)>
所有disabled状态的对象
:checked Returns: Array<Element(s)>
checked的对象
:selected Returns: Array<Element(s)>
selected的对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值