Jquery选择器

本文详细介绍了jQuery中的各类选择器,包括基本选择器、层次选择器、过滤选择器等,并提供了具体的使用示例。

1、基本选择器
.class,#id,element

2、层次选择器
$('ul li'),$('father>child')
若以上元素用class选择都可以选中下级元素,若是一般标记则结果不同。

3、基本过滤选择器
:first,:last,:not(选择器),:even(注:偶数,索引从0开始),:odd,
:eq(index),:gt(index),:lt(index),:header选取页面所有标题元素
:animated选取当前正在执行动画的所有元素

4、内容过滤选择器
:contains(text)选取含有文本内容为text的元素;
:empty选取内容为空的元素;
:has(选择器)选取含有某选择器的父元素;
:parent选取拥有二级元素的父元素

5、可见性过滤选择器
:hidden,:visible

6、属性过滤选择器
[属性名称]选取拥有此属性的元素,比如li[class]
[属性名称=某值]
[属性名称!=某值]
[属性名称^=某值] 选取属性值以某值开头的元素
例:li[class^=dv]
[属性名称$=某值] 选取属性值以某值结尾的元素
例:li[class$=s]
[属性名称*=某值] 选取属性值包含某值的元素

7、子元素过滤选择器
:nth-child(index/even/odd/equation)
index从1算起,选取第二个子元素以及元素下的第二个子元素
:first-child选取上级元素的第一个子元素(包括孙子元素)
:last-child选取上级元素的最后一个子元素(包括孙子元素)
:only-child选取父元素只有一个子元素的元素

8、表单对象选择器
:input,:text,:password,:checkbox,:submit,:images,:reset,:button,:file,:hidden

9、表单属性状态过滤选择器
:enable选取所有可用元素;
:disable选取所有不可用元素;
:checked选取所有被选中的元素(单选框,复选框);
:selected选取所有被选中的下拉元素

转载于:https://www.cnblogs.com/camille666/p/jquery_selector.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值