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();
    });