jquery如何获取第一个或最后一个子元素

1.首先我们来谈谈位置选择的不同操作。
:first：基本上是整个页面的第一个操作。
示例：li:first表示整个页面上的第一个li元素，ulli:first表示。
它是整个页面的第一个li元素，并且是ul下的子元素。
:last:与上面相同，最后一个元素。
:first-child：匹配每个父元素的第一个子元素，如li:first-。
child返回每个ul的第一个li元素。
可以理解为，如果一个页面上的元素具有相同的父元素，并且包含li元素，则选择第一个li元素，并对每组子类别进行判断，直到找到所有符合要求的li元素。
;last-child：这与上面相反，但只取最后一个元素。
:only-child：返回没有兄弟节点的所有元素。
如下：
hellojquery
，本段中选择$("label:only-child")的元素，label元素为：一旦选定，它就是父类唯一子元素的标签元素。
:nth-child(n)：返回第n个子节点。
n从1开始。
如果n为0，则选择所有元素。
示例：[*]li:nth-child(2)返回li元素，它是其父元素的第二个子元素。
:nth-child(even|odd)：返回偶数或奇数个子元素。
节点;:nth-child(An+B)：返回满足表达式An+B的所有子节点。
例如，3n+1返回其位置是父节点的子节点的子节点。
是3和1的倍数的子元素。
:even：页面范围内偶数位置的元素。
示例：li:even返回页面范围内奇数位置处的所有偶数li元素。
;:eq(n)：第n个匹配元素（n从0开始），例如li:eq(3)返回ulli:eq(1)，即整个页面的第四个li元素。
)返回页面上第一个ul元素下方的第二个li元素。
注意：仅匹配一次后返回。
:gt(n)：第n个匹配元素之后的元素（不包括）（n从0开始）；as:ul:gt(2)返回从第三个ul开始的所有ul元素（包括第三个元素）。
:lt(n)：第n个匹配元素之前的元素（不包括）（n从0开始），例如ul:lt(2)返回第0个也是第一个ul元素。
2.使用CSS选择器选择：元素标签名称：例如$("a")选择所有链接元素。
元素ID（例如$("#form1")）选择ID为form1的元素。
例如，$(按元素的CSS类选择。
“.boldstyle”)选择CSS为粗体样式类的元素。
标签名#id.class：通过特定类型元素的id属性和class属性进行选择。
$(a#blog.boldStyle)选择。
ID，CSS类型为.boldStyle的博客和链接元素();父标签名称子标签名称.class：当您在父标签下选择特定CSS类型的子元素时，如下所示：$(pa.redStyle)将选择段落p中的链接。
element子元素a，其CSS类型为.redStyle。
3.使用子选择器、容器选择器和属性选择器进行选择。
选择行：*：匹配任何元素。
示例：$(*)返回页面上的所有元素。
E:$("a")返回所有链接元素。
匹配其父元素E下带有标签F的任何子元素（F也可能是E的子类。
（也许更多）。
E>F：匹配父元素E正下方带有F标签的所有子元素。
子元素；E+F：匹配任何标记为F的元素，其中F元素前面有一个类型为E的兄弟节点（E、F彼此相邻）。
E~F：匹配F中任意元素之前的任意元素。
兄弟节点E（E、F不必彼此相邻）E:has(F)：将任意元素E与标签E匹配，并将一个或多个子节点与标签E.C匹配。
类名为C..C的元素E相当于*.C。
E#I匹配任意ID为I的E元素，#I相当于*#I[A]。
E[A=V]匹配任何具有属性E[A=V]的元素E。
匹配属性A具有值V的所有元素E。
E[A^=V]：匹配所有元素E和A的属性。
值以V开头。
E[A$=V]匹配所有元素E且A的属性值以V结尾。
E[A*=V]匹配任何属性值包含V的元素E。
4.使用jQuery的自定义选择器进行选择：:button:选择任何类型元素，包括input[type=submit]等；:checkbox：选择复选框元素。
:file：选择所有文件类型元素。
也就是说，它选择input[type=file]:image:形式的图像元素。
即输入[类型=图像]。
注意这里和之前，取决于标签名称im。
g图像选择略有不同。
:input：选择表单元素，例如<input>、<select>、<textarea>、<button>等。
:radio：选择单选按钮元素。
input[type=reset]、button[type=reset];等元素：submit：选择提交按钮元素。
:text：选择文本字段元素。
即input[type=text];:animated:选择当前处于动态控制下的元素。
选择标题元素，例如:header:

。
选择具有子节点（包括文本）的元素并排除空元素。
:selected：选择选定的选项元素。
:enable：选择界面中已可用的表单元素。
:checked：选择选中的复选框或单选按钮。

如何使用jQuery获取一个元素下面，满足某个条件的子元素

您可以使用其他类名称，例如第一个子元素第二个子元素>前三个子元素您可以使用$("ul").children(".spe"),$("ul").children("您还可以检查第二个子元素对于使用.spe的元素”）。
("ul").find("li").eq(1)if

第一个子元素

是另一个子元素，例如第二个子元素查找第二个子元素。
元素
第三个子元素