jquery过滤器(first,last,not,even,odd简单应用)

原创于 2012-01-11 13:24:06 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #class

JQUERY 专栏收录该内容

25 篇文章

订阅专栏

本文深入探讨了JavaScript中用于操作DOM元素与选择器的实用技巧，包括高亮显示、过滤特定元素等基本应用。

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

1.点击时高亮显示

 
       $(function(){
        $(".menuitem").click(function(){
         $(this).addClass("highlight").siblings().removeClass("highlight");
   
           });
       });

2.过滤器(first,last,not,even,odd简单应用)

 $(function(){
          $("#ul1 li:first").click(function(){
            $(this).addClass("b");
            
          });
          
          
          $("#ul1 li:last").text("AAAAA");//最后一个li的元素的innerText
           $("#ul1 li:first").text("FFFFFF");//第一个li的元素的innerText
           $("#ul1 li:not(.a)").text("ZZZZ");//样式不会class="a"的元素
           
           
           $("#ul2 li:even").text("奇数行");
            $("#ul2 li:odd").text("偶数行");
           
       });