jQuery选择器

1. 基本选择器

 #id:根据id选择指定元素
.className:选取所有类名为className的元素
className(元素名):根据给定的元素名匹配元素
*:匹配所有元素
Select1,select2...:找到所有指定元素,组合起来一起返回
A,B:可以通过逗号隔开元素名称查找A和B元素一起返回。

2. 层次选择器

a b :空格隔开两个选择器:选取第一个元素里面的所有第二个元素。包括孙子。。
a>b:选取a下面的所有b子元素,只包含子元素,不包括所有孙子。。。
a+b:选取紧接着a元素之后的下一个同辈b元素,只是之后的一个元素。
a~b:选取a元素之后的所有同辈b元素。

3. 过滤选择器

 :first:选取指定元素集合中的第一个元素
:last:选取最后一个元素
:Not(selector):选取除了与给定选择器selector相同的其他元素。
:even:选取索引值为偶数的所有元素,从零开始
:odd:选取索引值为奇数的所有元素
:eq(index):选取与给定索引元素角标匹配的元素
:gt(index):匹配大于给定索引值的元素。
:lt(index):匹配小于给定索引值元素
:header:选择标题元素h1、h2等
:animated:匹配正执行动画效果的元素。

**超连接的伪类别可分为四个属性:**
    a:link :超链接的普通样式,即正常浏览状态的样式。
    a:hover:鼠标指针经过(悬停)超链接上时的样式。
    a:active:在超链接上点击,即“当前激活”时,超链接的样式。
    a:visited:被点击过的超链接的样式。

4. 内容选择器

 :contains(text):匹配只要含有给定文本的元素
:has(selector):匹配含有选择器所指定元素的元素
:empty:匹配所有不包含子元素或者文本的空元素
:parent:选取含有子元素或文本的元素(非空元素)

5. 可见性选择器

 :visible:选取所有可见元素
 :hidden:选取所有不可见元素

6. 属性选择器

[attribute]:选取拥有此属性的元素
[attribute=value]:选取属性值等于value的元素
[attribute !=value]:选取属性值不等于value的元素
[attribute^=value]:选取属性值以value开始的元素
[attribute$=value]:选取属性值以value结尾的元素
[attribute*=value]:选取属性值包含value的元素
[attribute~=value]:选取属性值包含value且以空格可开的元素
[attribute1] [attribute2]:多个属性选择器合并成一个属性选择器。并且的意思。

7. 子元素过滤选择器

 first-child:选取每个父元素下的第一个子元素
指明找ul下的第一个li两种方式。 Li必须是第一个子标签。  
$(“ul li:first-child”):写明ul空格li
$(“ul :first-child”):直接ul后面跟上空格。
:first-of-type:选取同名兄妹节点的第一个子元素组成的元素集合。
:last-child:选取每一个父元素下的最后一个子元素
:last-of-type:选取同名兄妹节点的最后一个子元素组成的元素集合
:only-child:选取父元素中具有唯一一个子元素的元素集合
:only-of-type:选取前后没有同名兄妹节点的子元素的集合。

8. 表单选择器

 :input:选取所有<input>、<textarea>、<select>、<button>元素
:text:选取所有单行文本框
:password:选取所有密码框
:radio:选取所有单选按钮
:checkbox:选取所有复选框
:submit:选取所有提交按钮
:img:选取所有图像按钮
:reset:选取所有重置按钮
:button:选取所有button按钮
:file:选取所有上传域

9表单对象属性过滤选择器

:disabled:选取所有不可用元素
:enabled:选取所有可用元素
:checked:选取所有被选中的元素(单选框和复选框)
:selected:选取所有被选中的元素选项(下拉列表) 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值