jquery 强大的选择器

3.1  css选择器

3.2  标签选择器

$("td").click(function(){ ...  });

3.3  ID选择器

$("#Test").click(function(){ .... });

3.4  类选择器　

$(".one").click(function(){ .... });

3.5  群组选择器

$("div,span,p").click(function(){ .... });

3.6  后代选择器

$("#Test  a").click(function(){ .... });

3.7  通配选择器

$("*").click(function(){ .... });

3.8  伪类选择器

3.9  层次选择器

$("ancestor descendant")    选择ancestor 下的所有descendant元素

$("body div");

$("parent > child")  获取parent 下的元素是child的子元素

$("body > div")

$("prev + next");   选取prev 下的下一个next元素

$(".one + div");    等价关系 $(".nee").next("div");

$("prev~siblings")  选取prev下的所有的siblings兄弟元素

$("#two~div");   等价关系 $(".nee").nextAll("div");

3.10  子选择器

3.11  过滤器

$("div:first").css("background-color","red"); 　　　　　　　　　　　　$("div:last").css("background-color","red"); 　　　　　　　　　　　　$("div:not("one")").css("background-color","red"); 　　　　　　　　　　　　$("div:even").css("background-color","red"); 　　　　　　　　　　　　$("div:odd").css("background-color","red"); 　　　　　　　　　　　　$("div:eq(3)").css("background-color","red"); 　　　　　　　　　　　　$("div:gt(3)").css("background-color","red"); 　　　　　　　　　　　　$("div:lt(3)").css("background-color","red"); 　　　　　　　　　　　　$(":header").css("","");　　　　 　　　　　　　　　　　　$(":animated").css("background-color","red"); 　　　　　　　　　　　　$("div:container(di)").css("background-color","red"); 　　　　　　　　　　　　$("div:empty").css("background-color","red"); 　　　　　　　　　　　　$("div:has(.mini)").css("background-color","red"); 　　　　　　　　　　　　$("div:parent").css("background-color","red");

3.12  临近选择器

3.13  属性选择器