常见js选择器总结

                                              jQuery中正确的使用选择器非常重要

    常见的选择器：

          1.标签选择器，也就是没有任何标点，直接的标签名的匹配；       eg:$("input").css();

          2.类选择器，也就是类属性名称前加点“.”；     eg:$(".tab").css();

          3.id选择器，也就是在id属性名称前加警号“#”；  eg:$("#userName").css();

          4.通配行选择器，匹配该元素下面的所有的元素；    eg:$("form *").css();

    层级选择器：

          1.$("a b").css();     表示a里所有是b的直系子元素；

          2.$("a>b").css();    a下的所有b的元素；

          3.$("a+next").css();    紧接着该元素的下一个名为next的元素；

          4.$("a~b").css();    a之后的所有的名称为b的所有后代元素；（直系和间接的都是）

     过滤选择器：

         1.选择器的前面加“：”，代表过滤器； eg:$(":first").css();    $(":index").css();    $(":gt").css();  $(":lt).css();    $(":eq").css();   $(":not").css(); 

                                                   隔行变色（采用的是取偶数或者奇数的标签）；eg:$(":even").css();    $(":odd").css(); 

         2.内容选择器，原理相同，见名知意；

      属性过滤器：

           1.[attribute]   取拥有attribute属性的元素；

           2.对于属性过滤器，经常使用到的  类似: ^=  $=  *=  这些可以按照Java的正则理解，开始，结束，通配等