jQuery选择器小结

学习jQuery首当其冲的就是要学习jQuery的选择器，同时还要区分jQuery对象与dom对象的区别
下面小猿就来简单小结一下jQuery选择器：
1.基本选择器

    $("#one").css("background","#bbffaa");
    $(".mini").css("background","#bbffaa");
    $("div").css("background","#bbffaa");
    $("*").css("background","#bbffaa");
    $("span , #two").css("background","#bbffaa");（改变所有span元素和id为two的元素的背景色）

2.层次选择器

   $("body div").css("background","#bbffaa");(改变body内所有div元素的颜色)
    $("body>div").css("background","#bbffaa");(改变body内子div元素的背景色)
    $(".one+div").css("background","#bbffaa");(改变class为one的下一个div同辈元素的背景色)
    $("#two~div").css("background","#bbffaa");(改变id为two的元素的后面所有div同辈元素的背景色) 

3.过滤选择器

$("input:first"),$("input:last"),$("input:even"),$("input:odd"),$("input:eq(index)"),$("input:gt(index)"),$("input:lt(index)")

4.表单选择器

只列举了一些基本的选择器，但是选择器大致只分为以上四种，若想了解更多还需在工作中多多练习，多多留心