子元素过滤器的应用

原创于 2014-01-18 17:00:31 发布 · 521 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

28 篇文章

订阅专栏

本文通过实例展示了jQuery中选择器的应用，包括对特定元素的选择及样式修改。重点介绍了`:first-child`、`:last-child`、`:only-child`及`:eq(index)`等选择器的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<script>
$(function(){
   //$('ul>li:first-child').html('我如果有漂亮的眼睛'); //取ul的第一个子元素并且把内容换为html中的内容；
   //$('ul>li:last-child').css('color','pink');  //取ul下最后一个子元素
   //$('ul>li:only-child').css('color','pink');  //取仅有一个子元素的ul下的li
   $('ul>li:eq(2)').css('color','pink'); // 取ul下的li的第三句，没有第三句的语句不取
})
</script>
  <ul>
     <li>第一句</li>
     <li>第二句</li>
     <li>第三句</li>
  </ul>
    <ul>
     <li>第一句</li>
     <li>第二句</li>
  </ul>
  <ul>
     <li>第一句</li>
  </ul>

</body>