三、jQuery选择器之并且选择器

　　并且选择器

$('li').css('color','red'); //全部目标

 

$('li:first').css('color','blue');   //①:first  获得第一个目标           
$('li:last').css('color','red');     //②:last   获得最后一个目标        

 

//①:first  获得第一个目标           

//②:last   获得最后一个目标            

$('li:first').css('color','blue');            

$('li:last').css('color','red');

            //③:eq(下标)  equal根据下标获得指定目标，下标从0开始            

$('li:eq(3)').css('color','green');            

$('li:eq(6)').css('color','yellow');            

//④:gt(下标)   great than 获得大于“下标”的目标节点            

//⑤:lt(下标)   less than 获得小于“下标”的目标节点            

$('li:gt(4)').css('backgroundColor','lightblue');            

$('li:lt(3)').css('backgroundColor','lightgreen');

            //⑥:even 获得偶数下标节点            

//⑦:odd  获得奇数下标节点            

$('li:even').css('backgroundColor','pink');            

$('li:odd').css('backgroundColor','purple');

            //⑧:header  获得所有的标题(h1/h2/h3/h4/h5/h6)标签节点            

//  (并且选择器可以单独使用,所有的选择器都可以构造并且关系)            

$(':header').css('color','blue');

            //⑨:not(selector) 排除指定的选择器节点            

$('li:not(#yun)').css('color','green');

转载于:https://www.cnblogs.com/zhizhu1120418975/p/6770329.html