jquery:选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法,可见性过滤选择器】

名称

用法

描述

基础选择器

id选择器

$('#class')

指定id的元素

类选择器

$('.class')

指定类

标签选择器

$('div')

指定标签

并集选择器

$('div,class')

多个元素

交集选择器

$('div.class')

div标签内有类的元素

层级选择器

子代选择器

$('ul>li')

以及子元素

后代选择器

$('ul li')

所有li元素

属性选择器

[attribute]

$("input[checked]")

包含某个属性的元素

[attribute=value]

$("input[name='user']")

给定属性是某个值的元素

[attribute!=value]

$("input[name='user']")

匹配不包括某个值的元素

[attribute^=value]

$("input[name^=u]")

匹配以某个值开始的元素

[attribute*=value]

$("input[name*='e']")

匹配包含某个值的元素

属性和操作

标签属性方法

attr(name)/attr(name,value)

非布尔值标签

标签属性方法

prop(name)/attr(name,value)

布尔值标签

移除属性方法

removeattr(name)

data-操作

data("id","xixi") / data()

data-id="xixi"/获取所有有data属性的元素

过滤选择器

:eq(index)

$("ul li:eq(index)")

找ul里面的第几个li

:odd

偶数

:even

奇数

:gt(index)

$("ul li"):gt(1)

大于index的所有

:lt(index)

小于index

筛选选择器

:contains(text)

$("td:contains("哈")")

包含给定文本的元素

:has(selector)

$("td:has("span")")

包含选择器所匹配的元素的元素

:empty

$("td:empty")

没有文本的空元素or没有子元素

:parent

$("td:parent")

有子元素或者文本的元素

筛选选择器(方法)

children(selector)

$("ul").children("li")

相当于子代选择器

find(selector)

$("ul").find("li")

相当于后代选择器

siblings(selector)

查找兄弟节点,不包括自己

parent()

查找父亲

eq(index)

$("li").eq(index)

索引

next()

查找下一个兄弟

perv()

查找上一个兄弟

可见性过滤选择器

:hidden

$(":hidden").show("slow")

把隐藏的慢慢显示出来

:visible

$(":visible").hide(4000)

匹配所有可见元素,4秒钟隐藏掉

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值