JQuery 选择器

本文全面介绍了CSS中的各类选择器,包括基本选择器、层次选择器、过滤选择器等,并详细解释了它们的使用方法和应用场景。

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

1.基本选择器

#idid选择器,加#号
tagName字母开头,表示tag名,比如p,div
.class.开头,表示css类选择
*全选
selector1,selector2,selector3,分隔,表示多个选择器

2.层次选择器

ancestor descendant空格分隔,表示所有后代(子元素及子元素的子元素...
parent>child>分隔,表示子元素
prev+next+分隔表示紧跟在prev之后的相邻元素
prev~siblings~分隔,表示跟在prev之后所有的元素

3.过滤选择器

first(),或:first 
last(),或:last 
:not(selector)取反
:even 
:odd 
:eq(index) 
:gt(index) 
:lt(index) 
:header所有标题类型的元素,比如h1,h2
:animated正在执行动画的元素

 

4.内容过滤器

:contains(text)包含文本内容
:empty不包含子元素与文本内容的
:has(selector)拥有某选择器的
:parent父元素

5.可见性过滤器

:hidden 
:visible 

6.属性过滤器

[attribute]包含给定的属性
[attribute=value]指定的属性等于指定的值
[attribute!=value]指定的属性不等于指定的值
[attribute^=value]指定的属性值开头等于指定的值
[attribute$=value]指定的属性值结尾等于指定的值
[attribute*=value]指定的属性值包含指定的值
[attr-selector][attr-selector][attr-selector] 同时满足几个属性条件

7.子元素过滤器

:nth-child(eq|even|odd|index)获取父元素下的特定的子元素,index 从1开始
:first-child第一个子元素
:last-child最后一个子元素
:only-child获取仅有的一个子元素

8.表单对象 属性过滤器

:enabled 
:disabled 
:checked 
:selectedoption里被选中的

 9.表单对象选择器

:input包含text,textarea,select
:text只包含单选输入的 text
:password 
:radio 
:checkbox 
:submit 
:image 
:resetreset 按钮
:button 
:file 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值