jQuery选择器的详细说明

$()函数在许多JavaScript类库中被用作选择器函数，这在jQuery中很常见。

$ ("# id ")通过id而不是document.getElementById()函数获取元素。

$(“标记名”)通过标记名而不是document.getElementsByTagName()函数获取元素。

jQuery的基本语法是： $(选择器)。action()，选择器是一个选择器。

jQuery选择器的分类。

jQuery的选择器基本上可以分为四类：

基本选择器(基本)

级别选择器(级别)

过滤器选择器(过滤器)

表单选择器(表单)

有些类别可以分为特定的子类别。

基本选择器

*匹配所有元素。示例： $(“*”)选择所有元素。

#id根据给定的id匹配一个元素(最多只返回一个元素)。示例： $(“# last name”)选择id=“last name”的元素。类根据给定的类名匹配元素。示例：$('。intro”)使用class=“intro”选择所有元素。

元素根据给定的元素名称匹配元素。示例： $(“p”)选择所有p个元素。class.class示例： $(. intro . demo”)选择class='demo '的所有元素。(路口)。

选择器1，选择器2，selectorn，合并每个选择器匹配的元素并一起返回。

除了返回单个元素的#id选择器，所有其他选择器都返回元素集合。

这是因为在HTML规范中id应该是唯一的，所以不考虑id重复的元素。

如果多个元素具有相同的id，那么取这个id只能得到第一个元素，即得到的jQuery对象的length属性为1。

如果要匹配的元素不存在，它们都会返回一个空的jQuery对象。

基本选择器可以用逗号组合和分隔，结果是所有条件的结果的并集。

当没有用逗号分隔时，它应该是满足所有条件的交集。

层次选择器

$(“ancestordependent”)选择祖先元素中的所有后代元素，包括直接子元素和深度嵌套的后代元素。

示例： $(“div跨度”)选择div中的所有跨度元素。

请注意，选择器都是整页扫描，返回一个集合，满足选择标准的所有元素都将包括在内。因此，将选择多个div下的跨度。

$(“parent child”)选择父元素下的子元素，即只选择直接子元素。不包括其他后代元素。

示例： $(“div span”)div元素下的原语名称是span的子元素。

$(“上一个”)选择上一个元素之后的下一个元素(同一级别)。

示例： $(”。onediv”)选择类为1的下一个div元素。

$(“上一个同级”)选择上一个元素之后的所有同级元素(同一级别)。

示例： $(“# two ~ div”)选择id为two的元素后面的所有div同级元素。

等效方法：

$(“prev next”)相当于方法$(“prev”)。下一个(“下一个”)；选择紧接在前一个元素之后的下一个元素。

$(“prev ~ sublog”)相当于方法$(“prev”)。next all(" sub groups ")，它选择prev元素之后同一级别的所有sub groups元素。

但是，美元(“prev”)。sublog(" next ")方法选择prev生成的所有下一个元素，而不考虑前后的位置。

滤波器选择器

过滤器类分为六个子类：

基本过滤；内容过滤；可见性过滤；属性过滤；子元素过滤；对象属性过滤。

基本过滤

Gt和lt分别大于和小于。

内容过滤

可见性过滤

属性过滤

属性过滤由方括号标识。

请注意，当多个属性过滤器选择器连接在一起时，会取得结果的交集。

子元素过滤

在前面的基本过滤器选择器中，索引从0开始计数，这里子元素过滤器选择器的索引从1开始计数。

对象属性过滤。

表单选择器