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綜合 ] 所有，轉載請註明出處.