關于JQuery選擇器的類型

      JQuery選擇器大概分為四大類：基本選擇器，層次選擇器，過濾選擇器，表單選擇器；

一：基本選擇器

     基本選擇器一般包括ＩＤ，元素名，類名，以及顯示頁面所有元素。前面三個都好了解，顯示所有元素用＄（＂＊＂）即可，需要說明的一點，可以合并比對元素，如

$(＂div ,span＂)表示選擇div 和span 元素。

二：層次選擇器

    DOM元素間的主要層次關系包括後代、父子、相鄰、兄弟關系

例子： $("div span") 比對div下面的所有span元素，

             $("div>span")比對div的子元素span,

             $("div").next() 比對div相鄰的元素，也可以用$("div+next")表示，

            $("div").nextAll()比對div之後的所有兄弟元素，也可以用$("div~siblingd)表示，需要說明的是，$("div").siblings("div")擷取所有的相鄰div元素。

三：過濾選擇器

     過濾選擇器根據過濾規則進行元素的比對，書寫時都以冒号（：）開頭。

例子：

基本過濾器：$("li:first") 比對第一個li元素，

           $("li:last")  比對最後一個li元素，

           $("li:not(.Notclass)") 比對除了類為Notclass的所有li元素，

           $('li:even")比對所有索引值為偶數的li元素，

           $('li:odd")比對所有索引值為奇數的li元素，

           $('li:eq(1)")比對指定索引值得li元素，從0開始計數，

           $('li:gt(1)")比對所有大于指定索引值的li元素，從0開始計數，

           $('li:lt(1)")比對所有小于指定索引值的li元素，從0開始計數，

内容過濾器： $('div:contains('A')")比對包含指定文本的div元素，區分大小寫

           $('div:empty")比對不包含元素或者文本的div元素，

           $('div:has(span)")比對包含有span元素的div元素,

           $('div:parent")比對含有子元素或者文本的div元素，

可見性過濾器： $("div:hidden")比對所有隐藏的div元素，包括display=none,visibility=hidden,type=hidden，

           $("div:visible")比對所有顯示的div元素，

屬性過濾器：屬性過濾器包括'[]'

           $("div[title='A']")比對title屬性等于A的div元素，

           $("div[title!='A']")比對title屬性不等于A的div元素，

           $("div[title^='A']")比對title屬性為A開始的div元素，

           $("div[title$='A']")比對title屬性為A結束的div元素，

           $("div[title*='A']")比對title屬性包含有A的div元素，

           $("div[title='A'][name='B']")比對title屬性為A，同時name屬性為B的div元素，

子元素過濾器：$("li:nth-child(4)")比對li元素下的第四個子元素，

           $("li:first-child")比對li元素下的第一個子元素，

           $("li:last-child")比對li元素下的最後一個子元素，

           $("li:only-child")比對隻有一個子元素的li元素，

表單對象屬性過濾選擇器：$("input:enabled")比對表單中所有屬性可用的input元素，

           $("input:disabled")比對表單中所有屬性不可用的input元素，

           $("input:checked")比對表單中所有被選中的input元素，

           $("option:selected")比對表單中所有被選中的option元素

四：表單選擇器

使用表單選擇器，可以更加友善的、高效的使用表單，基本都是通過type類型确定

          :input  擷取所有input、 textarea 、select元素，

          :text    擷取所有單行文本框，

          :password 擷取所有密碼框，

          :radio 擷取所有單選按鈕，

          :checkbox 擷取所有複選框，

          :submit 擷取所有的送出按鈕，

          :image 擷取所有圖像域，

          :reset 擷取所有重置按鈕，

          :button 擷取所有按鈕，

          :file 擷取所有檔案域