jquery的基本选择器有哪些 - 果核剥壳

1、元素选择器

元素选择器是最基本的选择器,用于选取HTML文档中的特定元素,可以使用$("p")选取所有的<p>元素。

2、ID选择器

ID选择器用于选取具有特定ID的元素,ID在整个HTML文档中是唯一的,可以使用$("myId")选取ID为myId的元素。

3、类选择器

类选择器用于选取具有特定类名的元素,类名可以应用于多个元素,但每个元素的类名必须是唯一的,可以使用$(".myClass")选取类名为myClass的所有元素。

4、属性选择器

属性选择器用于选取具有特定属性或属性值的元素,可以使用$("[href]")选取所有具有href属性的元素。

5、子元素选择器

子元素选择器用于选取某个元素的直接子元素,可以使用$("parent > p")选取ID为parent的元素的所有直接<p>子元素。

6、后代选择器

后代选择器用于选取某个元素的后代元素,可以使用$("parent p")选取ID为parent的元素的所有后代<p>元素。

7、相邻兄弟选择器

相邻兄弟选择器用于选取紧接在另一个元素后的元素,可以使用$("prev + p")选取紧接在ID为prev的元素后的<p>元素。

8、一般兄弟选择器

一般兄弟选择器用于选取同一个父元素下的兄弟元素,可以使用$("prev ~ p")选取ID为prev的元素之后的所有兄弟<p>元素。

9、过滤选择器

过滤选择器用于根据特定的条件筛选元素,可以使用$("div:even")选取所有索引为偶数的<div>元素。

10、内容选择器

内容选择器用于选取包含特定文本的元素,可以使用$("p:contains('hello')")选取包含文本“hello”的所有<p>元素。

11、可见性选择器

可见性选择器用于选取可见或隐藏的元素,可以使用$("element:visible")选取当前可见的ID为element的元素。

12、表单选择器

表单选择器用于选取表单元素或表单内的特定元素,可以使用$("input[type='text']")选取所有类型为“text”的输入框元素。

13、属性过滤器选择器

属性过滤器选择器用于根据属性的值进行筛选,可以使用$("a[target!='_blank']")选取所有目标不为“_blank”的链接元素。

14、子串匹配选择器

子串匹配选择器用于选取包含特定子字符串的元素,可以使用$("a[href*='example']")选取所有包含“example”子字符串的链接元素。

15、开始和结束选择器

开始和结束选择器用于选取以特定文本开头或结尾的元素,可以使用$("p[class^='my']")选取所有类名以“my”开头的段落元素。

16、多选框选择器

多选框选择器用于选取被选中的复选框或单选框元素,可以使用$("input[type='checkbox']:checked")选取所有被选中的复选框元素。

17、表单提交状态选择器

表单提交状态选择器用于选取已提交或未提交的表单元素,可以使用$("form:submitted")选取已提交的表单元素。

18、动态内容选择器

动态内容选择器用于选取通过ajax加载的内容,可以使用$(":ajaxComplete")选取所有已完成ajax请求的元素。

19、自定义选择器插件

jQuery还支持自定义选择器插件,可以根据需要扩展更多的选择器功能,要使用自定义选择器插件,第一需要引入相应的插件文件,然后在代码中使用插件提供的选择器方法。

如果您喜欢本站,点击这儿不花一分钱捐赠本站

这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

(0)
上一篇 2024年3月12日 上午10:19
下一篇 2024年3月12日 上午10:43

相关推荐

发表回复

评论问题之前,点击我,能帮你解决大部分问题

您的电子邮箱地址不会被公开。 必填项已用*标注