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的正則理解，開始，結束，通配等