簡單選擇器 類 id 元素/標簽 * 複合(sel1,sel2)逗號隔開 層次選擇器 s1 s2;後代選擇器,空格隔開 p>c;子代選擇器;不包括孫代及以下 p+next ;相鄰選擇器 p~sub;兄弟選擇器,同一父級下併列子代 表單選擇器,表單form下元素 :input;包括 input,tex ...
簡單選擇器
- 類
- id
- 元素/標簽
- *
- 複合(sel1,sel2)逗號隔開
層次選擇器
- s1 s2;後代選擇器,空格隔開
- p>c;子代選擇器;不包括孫代及以下
- p+next ;相鄰選擇器
- p~sub;兄弟選擇器,同一父級下併列子代
表單選擇器,表單form下元素
- :input;包括 input,textarea,select
- :text;文本框
- :password;密碼框
- :radio;單選按鈕
- :checkbox;覆選框
- :submit;提交按鈕
- :image;圖像域
- :reset;重置按鈕
- :button;按鈕
- :file;文件域
- 例如:$("form:input").val();
***過濾選擇器(重要)
-
表單對象屬性過濾選擇器
- :enabled;屬性為可用的標簽元素
- :disabled;屬性為不可用的標簽元素
- :checked;屬性為被選中的元素
- :selected;被選擇中option的元素;$("select option:selected")
-
子元素過濾選擇器
- :nth-child(eq(n)|even|odd|index);子元素,索引從1開始
- :first-child;第一個子元素
- :last-child;最後一個子元素
- :only-child;獲取父元素中僅有一個子元素的
-
屬性過濾選擇器
- [ attr ];所有擁有該屬性的元素
- [ attr = val ];屬性的值為val的元素
- [ attr != val ];屬性值不等於val的元素
- [ attr ^=val ];以屬性值為val開始的元素
- [ attr $= val ];以屬性值為val結束的元素
- [ attr *= val ];含有val值的元素
- [ attr1 ][ attr2 ];同時滿足兩個屬性的元素;$("div[ id = 'eg1'][ title = 'eg2' ]").show();
-
可見性過濾選擇器
- :hidden;獲取所有不可見,或者type=hidden的元素
- :visible;獲取所有可見元素
-
內容過濾選擇器
- :content(text);獲取包含指定文本的元素
- :empty; 不含或空文本的元素
- :has(selector);含有某選擇器的元素;$("div:has('span')").show();
- :parent;含有子元素或文本的元素
-
簡單過濾選擇器
- first()或:first;
- last()或:last;
- :not(seletor);
- :even;索引為偶數,索引從0開始
- :odd;索引為奇數,從0開始
- :eq(index);給定索引,從0開始
- :gt(index);大於索引,從0開始
- :lt(index);小於索引,從0開始
- :header;標題
- :animatex;正在執行動畫的