jQuery基础 | 选择器

本文详细介绍了jQuery中的四种选择器:基本选择器、层次选择器、过滤选择器和表单选择器,涵盖了各种选择器的功能及使用场景。

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

导读:jQuery选择器分为:基本选择器、层次选择器、过滤选择器和表单选择器四大类。

基本选择器

1-1 基本选择器

选择器功能返回值
#idid选择器单个元素
element元素选择器元素集合
.class类选择器元素集合
*匹配所有元素元素集合
selector1,selector2将每一个选择器匹配到的元素合并后一起返回元素集合

层次选择器

2-1 层次选择器

选择器功能返回值
ancestor descendant根据祖先元素匹配所有后代元素元素集合
parent > child匹配子元素元素集合
parent + next匹配下一个兄弟元素元素集合(parent可有多个
prev ~ siblings匹配prev之后的所有兄弟元素元素集合

注:siblings()方法与选择器prev~siblings的区别

过滤选择器

3-1 简单过滤选择器

选择器功能返回值
first() 或 : first获取第一个元素单个元素
last() 或 : last最后一个单个元素
:even索引值为偶数的元素,索引号从0开始元素集合
:odd奇数元素集合
:gt(index)大于索引值的元素,索引号从0开始元素集合
:lt(index)小于元素集合
:not(selector)除给定选择器外的所有元素元素集合
:eq(index)指定索引值的元素单个元素
:header所有标题类型的元素,h1,h2….元素集合
:animated获取正在执行动画效果的元素元素集合

注:选择器animated在捕捉动画效果元素时,先自定义一个动画效果函数animateIt(),然后执行该函数,选择器才能获取动画效果元素,并addClass

3-2 内容过滤选择器

选择器功能返回值
:contains(text)包含给定文本的元素元素集合
:empty所有不包含子元素或文本的元素元素集合
:has(selector)含有选择器所匹配的元素元素集合
:parent含有子元素或文本的元素元素集合

3-3 可见性过滤选择器

选择器功能返回值
:hidden所有不可见元素,或type为hidden的元素元素集合
:visible所有可见元素元素集合

注: :hidden选择器所选择的包括样式为display:none所有元素、属性type=“hidden”和样式为visibility:hidden的所有元素。

3-4 属性过滤选择器

选择器功能返回值
[attribute]包含给定属性的元素元素集合
[attribute =value]等于给定属性是某个特定值元素集合
[attribute !=value]不等于元素集合
[attribute ^=value]以某些值开始元素集合
[attribute$ =value]以某些值结尾元素集合
[attribute *=value]包含某些值元素集合
[selector1][selector1]满足多个条件的符合属性的元素元素集合

3-5 子元素过滤选择器

选择器功能返回值
:nth-child(eq|even|odd|index)获取每个父元素下的特地位置元素,索引号从1开始c元素集合
:first-child每个父元素下的第一个子元素元素集合
:last-child最后一个子元素元素集合
:only-child获取每个父元素下的仅有一个子元素元素集合

3-6 表单对象属性过滤选择器

选择器功能返回值
:enable获取表单中所有属性为可用的元素元素集合
:disable不可用元素集合
:checked表单中所有被选中的元素元素集合
:selected表单中所有被选中option的元素元素集合

表单选择器

4-1 表单选择器

选择器功能返回值
:input获取所有input、textarea、select元素集合
:text所有单行文本框元素集合
:password所有密码框元素集合
:radio单选按钮元素集合
:checkbox复选框元素集合
:submit提交按钮元素集合
:image图像域元素集合
:reset重置按钮元素集合
:bottom所有按钮元素集合
:file文件域元素集合

因为每次都打开Wiz找,就干脆都放到博客里来了。

参考文献:
〔1〕陶国荣 . jQuery权威指南[M] . 机械工业出版社 . 2011

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值