常用的jQuery选择器

$('*')//匹配所有元素
$('#id')//id
$('.class')//class
$('element')//标签

$('E,F')//多元素选择器,用,分隔,同时匹配元素E或元素F
$('E F')//后代选择器,用空格分隔,匹配E元素所有的后代元素F(子元素及向下递归)
$(E>F)//子元素选择器,用>分隔,匹配E元素的所有直接子元素
$('E+F')//直接相邻选择器,匹配E元素之后的相邻的同级元素F
$('E~F')//普通相邻选择器(弟弟选择器),匹配E元素之后的同级元素(无论直接相邻与否)
$('.class1.class2')//匹配类名中既包含class1又包含class2的元素

$('E:first')//所有E中的第一个
$('E:last')//所有E中的最后一个
$('E:not(selector)')//按照selector过滤E
$('E:even')//所有E中index是偶数
$('E:odd')//所有E中index是奇数
$('E:eq(n)')//所有E中index为n的元素
$('E:gt(n)')//所有E中index大于n的元素
$('E:lt(n)')//所有E中index小于n的元素
$(':header')//选择h1~h7元素
$('div:animated')//选择正在执行动画效果的元素

$('E:contains(value)')//内容中包含value的元素
$('E:empty')//内容为空的元素
$('E:has(F)')//子元素中有F的元素,如$('div:has(a)')表示包含a标签的div
$('E:parent')//父元素是E的元素
$('E:hidden')//所有被隐藏的E
$('E:visible')//所有可见的E

$('E[attr]')//含有属性attr的E
$('E[attr=value]')//属性attr=value的E
$('E[attr^=value]')//属性以value开头的E
$('E[attr$=value]')//属性以value结尾的E
$('E[attr\*=value]')//属性attr包含value的E

$('E:type')//特定类型的input
$(':checked')//被选中的checkbox或radio
$('option:selected')//被选中的option

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值