jquery選擇器基礎

簡單選擇器

• 類
• 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();

***過濾選擇器（重要）

1. 表單對象屬性過濾選擇器

   • ：enabled；屬性爲可用的標籤元素
   • ：disabled；屬性爲不可用的標籤元素
   • ：checked；屬性爲被選中的元素
   • ：selected；被選擇中option的元素；$("select option:selected")

2. 子元素過濾選擇器

• ：nth-child(eq(n)|even|odd|index)；子元素，索引從1開始
• ：first-child；第一個子元素
• ：last-child；最後一個子元素
• ：only-child；獲取父元素中僅有一個子元素的

3. 屬性過濾選擇器

   • [ attr ]；全部擁有該屬性的元素
   • [ attr = val ]；屬性的值爲val的元素
   • [ attr != val ]；屬性值不等於val的元素
   • [ attr ^=val ]；以屬性值爲val開始的元素
   • [ attr $= val ]；以屬性值爲val結束的元素
   • [ attr *= val ]；含有val值的元素
   • [ attr1 ][ attr2 ]；同時知足兩個屬性的元素；$("div[ id = 'eg1'][ title = 'eg2' ]").show();

4. 可見性過濾選擇器

   • ：hidden；獲取全部不可見，或者type=hidden的元素
   • ：visible；獲取全部可見元素

5. 內容過濾選擇器

   • ：content（text）；獲取包含指定文本的元素
   • ：empty；　　      不含或空文本的元素
   • ：has(selector)；含有某選擇器的元素；$("div:has('span')").show()；
   • ：parent；含有子元素或文本的元素

6. 簡單過濾選擇器

   • first()或：first；
   • last()或：last；
   • ：not(seletor)；
   • ：even；索引爲偶數，索引從0開始
   • ：odd；索引爲奇數，從0開始
   • ：eq(index)；給定索引，從0開始
   • ：gt(index)；大於索引，從0開始
   • ：lt(index)；小於索引，從0開始
   • ：header；標題
   • ：animatex；正在執行動畫的