jquery过滤选择器

通过点击按钮来选择对应的div

 

//选择第一个div

$("#btn1").click(function(){

$("div").eq(0).css("backgroundColor","pink")

 })

 //选择最后一个div

            $("#btn2").click(function(){

              $("div:last").css("backgroundColor","pink")

            })

 

 //选择class不为one的所有div元素

            $("#btn3").click(function(){

              $("div:not(.one)").css("border","solid red")

            })

 

//选择索引值为偶数 的div元素

            $("#btn4").click(function(){

              $("div:even").css("backgroundColor","pink")

            })

 

 //选择索引值为奇数 的div元素

            $("#btn5").click(function(){

              $("div:odd").css("backgroundColor","pink")

            })

 //选择索引值等于3的元素

            $("#btn6").click(function(){

              $("div:eq(3)").css("backgroundColor","pink")

            })

 

 

 //选择索引值大于3的元素

            $("#btn7").click(function(){

              $("div:gt(3)").css("backgroundColor","pink")

            })

 //选择索引值小于3的元素

            $("#btn8").click(function(){

              $("div:lt(3)").css("backgroundColor","pink")

            })

 

//选择所有的标题元素

            $("#btn9").click(function(){

              $(":header").css("backgroundColor","pink")

            })