jQuery选择器用法介绍
发布日期：2025-01-04 15:02 点击次数：124
jQuery选择器类似于CSS选择器，用来选取网页中的元素。例如：
说明：
获取并设置网页中所有<h3>元素的背景色。“h3”为选择器语法，必须放在$()中。$("h3")返回jQuery对象。
一、jQuery选择器
jQuery选择器功能强大，种类也很多，分类如下：
1、类CSS选择器
基本选择器层次选择器属性选择器
2、过滤选择器
基本过滤选择器可见性过滤选择器
3、表单选择器
4、内容过滤器
二、基本选择器
基本选择器语法如下图所示：
示例：
效果：
三、层次选择器
层次选择器通过DOM元素之间的层次关系来获取元素，语法如下：
请看下面的示例
需求说明：点击标题，使用层次选择器选择不同的元素使得其背景色为蓝色，如下图所示：
代码：
效果：
四、属性选择器
属性选择器通过HTML元素的属性来选择元素。语法如下：
示例：
效果：
五、过滤选择器
过滤选择器通过特定的过滤规则来刷选元素。
语法特点是使用“：”，例如：
表示选取第一个li元素。
1、基本过滤选择器
基本过滤选择器可以选择第一个元素、最后一个元素、索引为奇数或偶数的元素，语法如下：
基本过滤选择器还可以根据索引的值选取元素
基本过滤选择器还支持一些特殊的选择方式
示例：
结果：
2、可见性过滤选择器
可见性过滤选择器可以通过元素的显示状态来选取元素，语法如下：
例如：
示例：
效果：
点击显示：
点击隐藏：
3、内容过滤器
内容过滤器根据内容来选取元素，语法如下：
示例：
效果：
六、表单选择器
表单选择器根据不同类型的表单元素进行选取，语法如下：
示例：
效果：
七、补充
1、特殊符号的转义
2、选择器中的空格
到此这篇关于jQuery选择器用法的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
|
----------------------------------
