jQuery系列(二)：jQuery选择器、过滤器

使用jQuery选择器选取DOM元素，如使用ID选择器、类选择器。但jQuery选择器很强大，支持多种。

1、使用多个类选取一个或多个元素：选取这些同时拥有多个类的元素

$(".class1.class2").css("display","block"); //将同时具有类class1和class2的元素以块元素显示。

2、使用子元素选择器选取元素：通过>选择符选择父元素的直接子元素

$("body > div").css("display","block"); //将body下的直接子元素div以块元素显示。

3、使用后代元素选择器选取元素

$("body div").css("display","block"); //跟选择直接子元素不同的是没有>选择符，直接以空格隔开。可以取到body下的所有div元素

4、组合选择器：同时选取多种类型的元素

$(".class1,.class2")..css("display","block"); //以逗号隔开，选择匹配class1或class2的元素

二、过滤器

1、:even和:odd:过滤生成条纹表格

　　$("tr:even").css("background","#cccccc");

　　$("tr:odd").css("background","#eeeeee");

2、:first和:last

　　$("ul li:first").css("background","#eeeeee"); //将ul的后代元素第一个li元素的背景色设置为#eeeeee

　　$("ul li:last").css("background","#cccccc"); //将ul的后代元素最后一个li元素的背景色设置为#cccccc

3、:empty

　　<div class="error"></error>

　　$(".error:empty").css("display","none"); //如果.error div为空，就将它隐藏起来

4、:contains

　　$("tr td:contains('hello')").css("border","1px solid #ccc"); //用.contains过滤器找出表格中包含hello字样的单元格，并为其添加实线

5、选择属性值

　　$("input[name='username']").addClass("class1"); //选择name=username的input文本框，为其添加类class1

　　......

　　这个有很多种选法，[]里面就是[attr=value]这种配对方式。