码迷,mamicode.com
首页 > Web开发 > 详细

Jquery选择器

时间:2016-01-21 23:40:02      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

1. 基本选择器

.class,#id,element

1. 层次选择器

$(“ul li”),$(“father>child”)

若以上元素用class选择都可以选中下级元素,若是一般标记则结果不同。

2. 基本过滤选择器

:first,  :last,  :not(选择器), :even,(注:偶数,索引从0开始)  :odd,

:eq(index),:gt(index),:lt(index),:header选取页面所有标题元素

:animated选取当前正在执行动画的所有元素

3. 内容过滤选择器

:contains(text)选取含有文本内容为text的元素。

:empty选取内容为空的元素

:has(选择器)选取含有某选择器的父元素。

:parent选取拥有二级元素的父元素

4. 可见性过滤选择器

:hidden, :visible

5. 属性过滤选择器

[属性名称]选取拥有此属性的元素,比如li[class]

[属性名称=某值]

[属性名称!=某值]

[属性名称^=某值] 选取属性值以某值开头的元素

例:li[class^=dv]

[属性名称$=某值] 选取属性值以某值结尾的元素

例:li[class$=s]

[属性名称*=某值] 选取属性值包含某值的元素

6. 子元素过滤选择器

:nth-child(index/even/odd/equation)

index从1算起,选取第二个子元素以及元素下的第二个子元素

:first-child选取上级元素的第一个子元素(包括孙子元素)

:last-child选取上级元素的最后一个子元素(包括孙子元素)

:only-child选取父元素只有一个子元素的元素

7. 表单对象选择器

:iput,:text,:password,:checkbox,:submit,:images,:reset,:button,:file,:hidden

8. 表单属性状态过滤选择器

:enable选取所有可用元素

:disable选取所有不可用元素

:checked选取所有被选中的元素(单选框,复选框)

:selected选取所有被选中的下拉元素

Jquery选择器

标签:

原文地址:http://www.cnblogs.com/camillea/p/jquery_selector.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!