jQuery选择器之子元素选择器详解

前端之家收集整理的这篇文章主要介绍了jQuery选择器之子元素选择器详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了jQuery子元素选择器,供大家参考,具体内容如下

nofollow" type="text/css">

<script type="text/javascript">
//查找class="first-div"下的最后一个a元素
//针对所有父级下的最后一个
//如果只有一个元素的话,last也是第一个元素
$(".first-div a:last-child").css("color","red");

<script type="text/javascript">
//查找class="first-div"下的只有一个子元素的a元素
$(".first-div a:only-child").css("color","blue");

:nth-child、:nth-last-child

:first-child 第二个元素 第三个元素 @L_301_2@
:first-child 第二个元素
:first-child 第二个元素 第三个元素 @L_301_2@

<script type="text/javascript">
//查找class="last-div"下的第二个a元素
$(".last-div a:nth-child(2)").css("color","#CD00CD");

<script type="text/javascript">
//查找class="last-div"下的倒数第二个a元素
$(".last-div a:nth-last-child(2)").css("color","red");

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的jQuery相关文章