jQuery選擇器的使用
• #id :根據元素的id屬性來獲取元素
• .class :根據元素的class屬性來獲取元素
• Element :根據元素的名稱來獲取元素
• selector1,selector2 :群組選擇器,可以同時匹配多個元素
示例程式碼:
同級兄弟關係,父子關係,祖先與後代元素關係
• ancetor(空格)descendant :選擇當前元素的所有後代元素(不分層級)
• parent > child :選擇父元素下的所有子元素(只有一級,要求是父子關係)
• prev next :選擇當前元素緊鄰的同級元素的下一個元素
• prev ~ siblings :選擇當前元素緊鄰的所有同級兄弟元素
示例程式碼:
• :first :選擇索引為0第一個元素,索引預設是從0開始的
• :last :選擇索引最大的最後一個元素
• :even :選擇索引為偶數的所有元素
• :odd :選擇索引為奇數的所有元素
• :eq(index) :根據元素的索引index來獲取元素
• :gt(index) :選擇索引大於index的所有元素
• :lt(index) :選擇索引小於index的所有元素
• :not(selector) :選擇除指定選擇器以外的其他元素
示例程式碼:
• :contains(text) :匹配包含指定text文字的元素
• :empty :匹配內容為空的元素
• :has(selector) :匹配具有指定選擇器的元素
• :parent :匹配具有子元素(子元素或文字)的元素,匹配內容不為空的元素
示例程式碼:
• :hidden :匹配所有隱藏元素(display:none)
• :visible :匹配所有可見元素
示例程式碼:
• [attribute] :匹配具有指定選擇器的元素
• [attribute=value] :匹配具有指定屬性值value的元素
• [attribute!=value] :匹配屬性值不等於value的元素
• [attribute^=value] :匹配屬性值以value開始的元素
• [attribute$=value] :匹配屬性值以value結尾的元素
• [attribute*=value] :匹配屬性值包含value的元素
• [attribute1][ attribute2][ attributeN] :匹配同時具有多個屬性的元素
示例程式碼:
• :nth-child(index/even/odd) :根據子素的索引獲取元素,預設索引從1開始
• :first-child :匹配第一個子元素
• :last-child :匹配最後一個子元素
• :only-child :如果一個子元素是唯一的子元素,則匹配
示例程式碼:
• :input :匹配所有的表單元素,也包括(select下拉與textarea文字域)
• :text :匹配所有文字框
• :password :匹配所有密碼框
• :radio :匹配所有單選按鈕
• :checkbox :匹配所有複選框
• :submit :匹配所有提交按鈕
• :reset :匹配所有的重置按鈕
• :image :匹配所有的影象域
• :button :匹配所有的button按鈕
• :file :匹配所有的檔案域
• :hidden :匹配所有隱藏表單
示例程式碼:
• :enabled :匹配所有可用的表單元素
• :disabled :匹配所有不可用表單元素,
• :checked :匹配選中的表單元素(radio或checkbox)
• :selected :匹配下拉選框選中的表單元素
示例程式碼:
【IT科技之家-itkeji綜合 -文章版權宣告】
非特殊說明,本文版權歸 [ IT科技之家-itkeji綜合 ] 所有,轉載請註明出處.