jquery选择器

本文深入讲解了CSS选择器的各种类型,包括基本选择器、层级选择器、基本筛选器、子元素选择器、属性选择器、可见性选择器及表单选择器等。详细解释了每个选择器的功能和用法,如id、class、层级关系、筛选特定位置的元素、属性匹配等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本选择器:

/*
element
id
class
selector1,selector2 第一个元素是第二个元素的子元素,不需要是直接子元素

层级选择器:

selector1 selsctor2
parent>child
prve+next 紧跟在prve元素后面的next元素,只返回第一个元素
prve~sliblings 跟在prve元素后面的所有的元素

基本筛选器:

:first
:last
:eq(index) 索引值为index的元素
:not(selector)
:even 筛选所有索引值为偶数的元素 偶数:even number
:odd 筛选所有索引值为奇数的元素 奇数:odd number

子元素:

:first-child 第一个子元素
:first-of-type $(‘p:first-of-type’)若p的父级为div,则选中div中第一个p元素
:last-child
:last-of-type
:nth-child() $(‘ul li:nth-child(2)’)选中第n个子元素

内容:

:contains(text) 匹配包含给定文本的元素
:empty 不包含子元素和文本的元素
:has(selector) 含有某元素的元素 是不是只能填与元素?
:parent 含有子元素或者文本的元素,即它是别人的父级元素

属性:

[attribute] $(“div[id]”)包含id属性的元素
[attribute=value] $(’.box[class=“box1 box”]’)给定的属性是某个特定值的元素
[attribute!=value]
[attribute^=value] $(".box[class^=‘box’]")给定的属性是以某些值开始的元素

可见性:

:hidden 不可见元素
:visible 可见元素

表单:

:input $(’:input’) 匹配所有 input, textarea, select 和 button 元素
:text $(’:text’) 匹配所有的单行文本框
:checkbox $(’:checkbox’) 匹配所有复选框

表单对象属性:

:enabled $(’:enabled’) 匹配所有可用元素
:disabled
:checked
:selected

jquery对象访问:

each(callback)
length
data(removeData)
index([selector|element])
get([index])

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值