jQuery基礎---過濾器

  基礎過濾器  

(1)改變class不爲one的所有div
      $("#b3").click(function(){
            $("div:not(.one)").css("background","red");  
    });

(2)改變索引爲奇數的div
      $("#b4").click(function(){
            $("div:even").css("background","red");  
    });

(3)改變索引爲偶數的div
      $("#b5").click(function(){
            $("div:odd").css("background","red");  
    });

(4)改變索引爲大於某數的div
      $("#b6").click(function(){
            $("div:gt(3)").css("background","red");  
    });

(5)改變索引爲等於某數的div
      $("#b7").click(function(){
            $("div:eq(3)").css("background","red");  
    });


(6)改變索引爲小於某數的div
      $("#b8").click(function(){
            $("div:lt(3)").css("background","red");  
    });


內容過濾器

1、改變含有文本“di”的div元素的背景色(選擇的不是dom標籤)

$(“#b1”).click(function(){

  $("div:contains('onion')").css("background","red");

});

2、改變不包含子元素（或者文本元素）的div空元素的背景色
$(“#b2”).click(function(){

  $("div:empty").css("background","red");

});

3、改變含有class爲“mini”的div元素的背景色（選擇的是標籤）
$(“#b3”).click(function(){

  $("div:has(.mini)").css("background","red");

});

4、改變含有子元素的背景色(匹配含有子元素或者文本的元素)
$(“#b4”).click(function(){

  $("div:parent").css("background","red");

});

可見度過濾器

1、改變tr中所有可見的元素（display:none和input type=”hidden” 的都會被匹配到）

$(“#b1”).click(function(){

        $("tr:visible").css("background","red");
    });

2、將所有不可見元素顯示出來

$(“#b2”).click(function(){

        $(":hidden").show();
    });

2、將所有不可見元素顯示出來

$(“#b2”).click(function(){

        $(":hidden").show();
    });