jquery 选择器

一、基本选择器

 

　　ID选择器                   $("#id")

 

　　标签选择器                $("ele")

 

　　类选择器                   $(".classname")

 

　　通配选择器                $("*")

 

　　组选择器                   $("select1,select2")

 

二、层级选择器

 

1.包含选择器：$(“a b”)在给定的祖先元素下匹配所有后代元素（不受层级限制）

      

1       $(function(){
2          $("#box,.pox").css("background","cyan");
3      })

 

2.子选择器：$(“parent>child”)在给定的父元素下匹配所有子元素。

        

1    $(function(){
2          $("#box>p").css("background","green");
3      })

 

3.相邻选择器：$(“prev + next”)匹配所有紧接在prev元素后的next元素。

      

      $(function(){
         $(".pox+p").css("background","blue");
     })

 

4.兄弟选择器：$(“prev ~ siblings”)匹配prev元素之后的所有sibling元素

    $(function(){
         $("#box .pox~p").css("background","yellow");
 
     })

 

三、伪类选择器（从 1 开始记）

 

　　:first                   匹配找到的第1个元素

　　

　　:last                    匹配找到的最后一个元素

　　

　　:eq()                   匹配一个给定索引值的元素  【 定哪个就从那个以后算】

　　

　　:even                 匹配所有索引值为偶数的元素  【1为偶数】

　　

　　:odd                   匹配所有索引值为奇数的元素

　　

　　:gt(index)           匹配所有大于给定索引值的元素  【大于+1】

　　

　　:lt(index)            匹配所有小于给定索引值的元素  【含自身】

　　

　　:not                     去除所有与给定选择器匹配的元素

转载于:https://www.cnblogs.com/Makeprogresstogether/p/8011476.html