JQuery选择器总结

基础选择器标签/元素选择器

element

$( "元素" )
ID选择器#id$( "#id名" )
类选择器.class$( ".类名" )
通配符选择器*$( "*" )
层次选择器后代选择器ancestor descendant$( "#parent div" )
子代选择器parent > child$( "#parent > div" )
相邻选择器prev + next$(".blue + img ")
同辈选择器prev ~ sibling$(".blue ~img") 
组合选择器selector1,selector2...$("#test,span,.blue") 
表单选择器表单选择器:input$( ":input" )
文本框选择器:text$( ":text" )
密码框选择器:password$( ":password" )
单选按钮选择器:radio$( ":radio" )
复选框选择器:checkbox$( ":checkbox" )
提交按钮选择器:submit$( ":submit" )
图像选择器:image$( ":image" )
重置按钮选择器:reset$( ":reset" )
按钮选择器:button$( ":button" )
文本域选择器:file$( ":file" )
表单的隐藏域:hidden

$(":hidden")

选择所有类型为hidden的input元素或表单的隐藏域

过滤选择器基本过滤选择器:first $(" li:first" )  所有li元素的第一个
:last$(" li:last" ) 所有li元素的最后一个
:even

$(" li:even" )

选取索引是偶数的所有<li>元素

:odd

$(" li:odd" )

选取索引是奇数的所有<li>元素

:eq(index)

$("li:eq(1)" )

选取索引为1的<li>元素

(index从0开始)

:gt(index)

$(" li:gt(1)" )

选取索引大于1的<li>元素

(注:大于1,不包括1)

:lt(index)

$(“li:lt(1)” )

选取索引小于1的<li>元素

(注:小于1,不包括1)

:header

$(":header")

专门获取h1,h2这样的标题元素

:animated

$("div:animated")

匹配所有正在执行动画效果的元素

内容过滤选择器:contains

$("div:contains('John')")

选择所有div中含有John文本的元素

:empty

$("td:empty")

选择所有的为空(也不包括文本节点)的td元素的数组

:has(p)

$("div:has(p)")

选择所有含有p标签的div元素

:parent

$("td:parent")

选择所有的以td为父节点的元素数组

可见性选择器:hidden

$("div:hidden")

选择所有的被hidden的div元素

:visible$("div:visible"):选择所有的可视化的div元素
属性过滤选择[id]

$("div[id]"):

选择所有含有id属性的div元素

[name='news']

$("input[name='news']")  等于
[name!='news']$("input[name!='news']")  不等于
[name^='news']$("input[name^='news']")  开头
[name$='news']$("input[name$='news']")  结尾
[name*='news']$("input[name*='news']")  所有
子元素过滤选择器:first-child

$("div span:first-child")

返回所有的div元素的第一个子节点的数组

:last-child

$("div span:last-child")

返回所有的div元素的最后一个节点的数组

:only-child

$("div button:only-child")

返回所有的div中只有唯一一个子节点的所有子节点的数组

对象过滤选择器:enabled

$(":enabled")

选择所有的可操作的表单元素

:disabled

$(":disabled")

选择所有的不可操作的表单元素

:checked

$(":checked")

选择所有的被checked的表单元素

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值