jquery选择器之基本过滤选择器详解

本篇文章主要是对jquery选择器之基本过滤选择器进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

复制代码 代码如下:



复制代码 代码如下:


   

各省市行政区划


   
    
     
      
      
      
     
    
    
     
      
      
      
     
     
      
      
      
     
     
      
      
      
     
    
   
北京上海商丘
海淀徐汇睢阳
朝阳闸北梁园
昌平黄埔柘城

 

一、:first
复制代码 代码如下:

$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素



二、:last()
复制代码 代码如下:

$("tr:last").addClass("highlight"); //获取匹配的最后一个tr元素



三、:not(selector)
复制代码 代码如下:

$("td:not(:even)").addClass("highlight");//获取除了索引是偶数的td




四、:even
复制代码 代码如下:

$("tr:even").addClass("highlight");  //匹配所有索引值为偶数的元素,从 0 开始计数



五、:odd
复制代码 代码如下:

$("tr:odd").addClass("highlight");  //匹配所有索引值为奇数的元素,从 0 开始计数



六、:eq(index)
复制代码 代码如下:

$("tr:eq(2)").addClass("highlight");   //匹配一个给定索引值的元素



七、:gt(index)
复制代码 代码如下:

$("tr:gt(1)").addClass("highlight");  //匹配所有大于给定索引值的元素



八、:lt(index)
复制代码 代码如下:

$("tr:lt(2)").addClass("highlight");  //匹配所有小于给定索引值的元素



九、:header
复制代码 代码如下:

$(":header").addClass("highlight");   //匹配如 h1, h2, h3之类的标题元素

以上就是jquery选择器之基本过滤选择器详解的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程