基本过滤选择器

最新推荐文章于 2021-06-17 15:11:16 发布

原创最新推荐文章于 2021-06-17 15:11:16 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了jQuery中基本过滤选择器的应用，包括:first、:last、:not、:even、:odd、:eq、:gt及:lt等选择器的使用方法，并通过实例展示了如何针对特定元素进行操作。

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

基本过滤选择器有一下几种：

$(function(){ //增加第一个元素的类别，获取第一个元素   返回值单个元素  
              $("li:first").addClass("GetFocus");  
            })  
            $(function(){ //增加最后一个元素的类别，获取最后一个元素   返回值单个元素  
              $("li:last").addClass("GetFocus");  
            })  
            $(function(){ //增加去除所有与给定选择器匹配的元素类别   返回值元素集合   
              $("li:not(.NotClass)").addClass("GetFocus");  
            })  
            $(function(){ //增加所有索引值为偶数的元素类别,从0开始计数  返回值元素集合   
              $("li:even").addClass("GetFocus");  
            })  
            $(function(){ //增加所有索引值为奇数的元素类别,从0开始计数   返回值元素集合   
              $("li:odd").addClass("GetFocus");  
            })  
            $(function(){ //增加一个给定索引值的元素类别,从0开始计数   返回值单个元素  
              $("li:eq(1)").addClass("GetFocus");  
            })  
            $(function(){ //增加所有大于给定索引值的元素类别,从0开始计数  返回值元素集合   
              $("li:gt(1)").addClass("GetFocus");  
            })  
            $(function(){ //增加所有小于给定索引值的元素类别,从0开始计数  返回值元素集合  
              $("li:lt(4)").addClass("GetFocus");  
            })  
            $(function(){ //增加标题类元素类别  
              $("div h1").css("width","238");  
              $(":header").addClass("GetFocus");  
            })