标签: [jQuery、选择器]

 2024-01-17 00:02:51  阅读 0

标签: [, 选择器] 1. 基本选择器语法说明

$(“*”)

选择文档中的所有元素

$(“div”)

元素选择器,选择所有div元素并返回一个数组

$("#id")

Id选择器,返回单个元素

$(".class")

类选择器,返回数组

$("p,div")

并行选择器,返回所有 p 元素和 div 元素

2. 层次选择器语法说明

$(“AB”)

后代选择器,选择所有A元素下的所有B子元素,包括间接子节点

$(“A > B”)

子元素选择器,选择A下面的直接B子元素,不包括间接子节点

$(“A + B”)

下一个同级元素选择器选择紧跟在 A 元素后面的 B 元素。 如果不选则相当于next()方法。

$("A~B")

兄弟元素选择器,选择A之后的所有B元素,相当于()方法

3. 过滤器选择器

1. 基本过滤器选择器

语法说明

$("跨度:第一个")

选择第一个元素

$("跨度:最后一个")

选择第二个元素

$("跨度:不是(.wrap)")

取非元素

$("tr:偶数")

选择偶数行(索引从0开始)

$("tr:奇数")

选择奇数行(索引从0开始)

$(“tr:eq(2)”)

选择指定索引处的元素(索引从0开始)

$(“tr:gt(2)”)

选择大于索引号的元素(索引从0开始)

$("ul li : lt(2)")

选择小于索引号的元素(索引从0开始)

$(":")

选择所有标题元素

$(":")

选择所有动画元素

2.内容过滤选择器

语法说明

$("跨度:('你好')")

选择包含特定文本的元素

$("跨度:空")

选择不包含子元素或具有空文本的元素

$("ol li : ”)

选择包含子元素或其文本不为空的元素

$("div : 有(span)")

选择其子元素包含指定元素的元素。 如果它不是直接子元素,它也会生效。

3. 可见性过滤器选择器

语法说明

$(“div:”)

只选择带有:none或input type=""的元素,不选择带有:或:0的元素,也就是说:只匹配“隐藏”且不占用空间的元素。

$(“div:”)

选择可见元素

4. 属性过滤选择器

语法说明

$("[href]")

选择所有具有 href 属性的元素

$("[href = '#']")

选择所有href属性值等于“#”的元素

$("[href != '#']")

选择所有href属性值不等于“#”的元素

$("[herf ^= 'http']")

选择所有 href 属性值以“http”开头的元素

$("[herf &;= '.jsp']")

选择所有href属性值以“jsp”结尾的元素

$("[herf *= 'www']")

选择href属性值包含“www”的所有元素

4. 表单选择器

1. 基本表单选择器

语法说明

$(":输入")

选择所有输入元素

$(":文本")

选择所有 type="text" 的输​​入元素

$(":")

选择 type="" 的所有输入元素

$(":收音机")

选择 type="radio" 的所有输入元素

$(":")

选择 type="" 的所有输入元素

$(":")

选择所有输入元素和 type="" 的元素

$(":重置")

选择所有输入元素和 type="reset" 的元素

$(":")

选择所有带有 type="" 的输入元素和所有带有 label 的元素

$(":图像")

选择 type="image" 的所有输入元素

$(":文件")

选择 type="file" 的所有输入元素

2.表单元素过滤选择器

语法说明

$(":")

选择所有启用的输入和元素

$(":")

选择所有禁用的输入和元素(即设置了“=”)

$(":")

选择所有选定的下拉列表选项

$(":")

选择所有选定的复选框或单选按钮元素

5.CSS选择器

CSS 选择器可用于更改 HTML 元素的 CSS 属性。

语法:.css("css属性","css属性值");

$("div").css("background-color","red");

6.查找父子兄弟节点方法的语法说明

.(表达式)

要查找父节点,可以传入expr进行过滤,如$("span").()或&;("span").(".class")

.(表达式)

从父元素开始查找所有祖先元素

.(表达式)

从当前元素开始查找第一个匹配的祖先元素

.(表达式)

返回所有子节点。 该方法只会返回直接子节点,而不是所有后代节点。

.()

返回下面的所有内容,包括节点和文本。

.prev()

返回前一个兄弟节点,而不是所有兄弟节点

.()

返回所有先前的兄弟节点

。下一个()

返回下一个兄弟节点,而不是所有兄弟节点

.()

返回所有后续兄弟节点

.()

返回兄弟节点,无论之前还是之后

.find(表达式)

初始集合中不会有内容,如$("p")、find("span"),都是从子元素中查找,相当于&;("p span")

.(表达式)

初始集合中会有内容

七、参考资料

选择器集合

选择器摘要

- 参考手册 - 选择器

标签: 元素 选取 节点

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码