jquery选择器汇总

JQuery选择器是一种用于HTML文档中找到特定元素的强大工具。这篇文章将介绍多个不同种类的JQuery选择器，帮助你更加快速、高效地操作HTML文档。

其中一种选择器是基于元素的选择器，通过元素标签名称来选择元素。例如：

$("p") // 选择文档中所有的段落$("ul li") // 选择文档中所有的列表项

还有一种选择器是基于CSS类名的选择器，可以被添加到元素的class属性中并通过类名选择元素。例如：

$(".my-class") // 选择拥有my-class类的所有元素$("h1.my-class") // 选择h1标签中拥有my-class类的所有元素

JQuery还支持基于id的选择器，每个id应该是唯一的。例如：

$("#my-id") // 选择id为my-id的元素

还有基于属性的选择器，可以选择包含特定属性的元素。例如：

$("a[href]") // 选择拥有href属性的所有锚点标签$("input[type=text]") // 选择所有type属性值为"text"的input标签

你也可以使用基于内容的选择器来查找特定内容的元素。例如：

$(":contains(hello)") // 选择包含"hello"的所有元素$("div:has(p)") // 选择拥有p标签的所有div标签

最后，还有许多其他类型的JQuery选择器，如下：

$("*") // 选择所有元素$("p:first") // 选择第一个段落元素$("ul li:first-child") // 选择所有列表中第一个li子元素$("ul li:last-child") // 选择所有列表中最后一个li子元素$("ul li:nth-child(3)") // 选择所有列表中第3个li子元素$("div:visible") // 选择所有可见的div元素$("div:hidden") // 选择所有隐藏的div元素

以上是其中一些比较常用的JQuery选择器，使用这些选择器可以更快速、高效地操作HTML文档。