jQuery學(xué)習(xí)-------jQuery選擇器

基本選擇器：

    id選擇器：$("#id")

    標(biāo)簽選擇器：$("tag")

    類選擇器：$(".classname")

    通配選擇器：$("*")

    組選擇器：$("selector1,selector2,...,selectorN")

層次選擇器：

    包含選擇器：$("ancestor descendant")

    子選擇器：$("parent>child")

    相鄰選擇器：$("prev+next")

    兄弟選擇器：$("prev~siblingsa")

簡單的偽類選擇器：

    :first 例子：$("p:first")//匹配第一個p元素

    :last  例子：$("p:last")//匹配最后一個p元素

    :eq(index) 例子：$("p:eq(1)")//匹配索引值為1的p元素

               index從0開始。

    :even  例子：$("h2:even")//匹配所有索引值為偶數(shù)的h2元素

    :odd   例子：$("h2:odd")//匹配所有索引值為奇數(shù)的h2元素

    :gt(index) 例子：$("h2:gt(1)")//匹配所有索引值大于1的h2元素（不包含1）

    :lt(index) 例子：$("h2:lt(2)")//匹配所有索引值小于2的h2元素（不包含2）

    :not(selecor) 例子：$("p:not(p:eq(1)")//匹配索引不是1的p元素

    :animated  //匹配動畫元素

    :header  //匹配標(biāo)題元素

與內(nèi)容相關(guān)的偽類選擇器：

    :contains  例子：$("p:contains('test1')")//匹配包含test1文本的p元素

    :empty     例子：$("div:empty")//匹配不包含子元素或者文本的div元素

    :has       例子：$("div:has(p)")//匹配含有p元素的div元素

    :parent    例子：$("div:parent")//匹配含有子元素或者文本的div元素

與元素顯示狀態(tài)有關(guān)的偽類選擇器：

    :hidden    例子：$(div:hidden)//匹配所有不可見的div元素

    :visible   例子：$(div:visible)//匹配所有可見的div元素

匹配子元素的偽類選擇器：

    :nth-child    匹配其父元素下的第N個子或奇偶元素(nth-child:是從1開始的）

                  例子：$(":nth-child(even)")//匹配偶數(shù)位元素

                        $(":nth-child(odd)")//匹配奇數(shù)位元素

                        $(":nth-child(3n)")

                        $(":nth-child(2)")

                        $(":nth-child(3n+1)")

                        $(":nth-child(3n+2)")

    :first-child  例子：$("p:first-child")//匹配屬于其父元素的首個子元素的每個 p 元素

    :last-child   例子：$("p:last-child")//匹配屬于其父元素的最后一個子元素的每個 p 元素

    :only-child   例子：$("p:only-child")//匹配這樣的p元素，他的父元素只包含他一個元素

與表單對象有關(guān)的偽類：

    :input //匹配所有input、textarea、select、button對象

    :text  //匹配單行文本框

    :password  //匹配所有密碼框

    :radio     //匹配所有單選按鈕

    :checkbox  //匹配所有復(fù)選框

    :submit    //匹配所有提交按鈕

    :reset     //匹配所有重置按鈕

    :p_w_picpath     //匹配所有圖像域

    :button    //匹配所有按鈕

    :file      //匹配所有文件域

    :hidden    //匹配所有不可見元素

與表單屬性相關(guān)的偽類選擇器

    :enable

    :disable

    :checked     //匹配所有選中的元素（不包括option）

    :selected    //匹配所有選中的option元素

屬性選擇器：

    [attribute]  //匹配所有含有給定屬性的元素 

                 例：$("p[id]") //匹配含有id屬性的p元素

    [attribute=value]  //匹配屬性等于特定值的元素

    [attribute!=value]   //匹配屬性不等于特定值的元素

    [attribute^=value]   //匹配屬性值以某些值開始的元素

    [attribute$=value]   //匹配屬性值以某些值結(jié)尾的元素

    [attribute*=value]   //匹配屬性值包含某些值的元素

    [selector1][selector2][selectorN] //匹配滿足所有匹配條件的元素