jquery子元素过滤选择器，

柔情只为你懂 2022-06-06 06:25 367阅读 0赞

1.1． 子元素过滤选择器

根据子元素顺序来获取。

：nth-child（序号）；根据序号来选择，序号是从1开始,也可以设置odd even 根据奇偶来设置

也可以通过倍数（例如3n+1）来设置

:first-child（）； 获取第一个

:last-child（）； 获取最后一个

:only-child（）； 获取只有一个子元素的元素

示例：

$(function() {

//设置列表中第2个li字号为30

$(“ul li:nth-child(2)”).css(“font-size”,40)

//设置列表中第一行字体为红色 first-child 匹配第一个子元素

$(“ul li:first-child”).css(“color”,”red”);

//设置列表中最后一行字体为蓝色last-child 匹配最后一个子元素

$(“ul li:last-child”).css(“color”,”blue”);

//获取ul下只有一个li的信息only-child 匹配是唯一子元素的元素

alert($(“ul li:only-child”).html());

});

发表评论

表情：
评论列表 （有 0 条评论，367人围观）

还没有评论，来说两句吧...

相关阅读

    相关 jquery过滤选择器

    过滤选择器 学习要点： 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法 过滤选择器简称：过滤器。它其实也是一种选择器

    Dear 丶Dear 丶/ 0 赞/ 392 阅读