JQuery有几种选择器?

Posted 2023-02-16

很多种，大概归纳为9种。
(1)基本
#id
element
.class
*
selector1,selector2,selectorN

(2)层次选择器：
ancestor descendant
parent > child
prev + next
prev ~ siblings

(3)基本过滤器选择器
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated

(4)内容过滤器选择器
:contains
:empty
:has
:parent

(5)可见性过滤器选择器
:hidden
:visible

(6)属性过滤器选择器
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]

(7)子元素过滤器选择器
:nth-child
:first-child
:last-child
:only-child

(8)表单选择器
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden

(9)表单过滤器选择器
:enabled
:disabled
:checked
:selected 参考技术A 太多了，不好一一说，你参考文档
http://api.jquery.com/category/selectors/

一般我们用的比较多的应该是
ID选择器$("#id")
样式选择器 $(".Clssname")
元素选择器,如$("P") $("BODY") 参考技术B jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 html 元素。

$("p") 选取 元素。

$("p.intro") 选取所有 class="intro" 的 元素。

$("p#demo") 选取 id="demo" 的第一个 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

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