JQuery快速入門-選擇器

JQuery選擇器

JQuery 選擇器繼承了CSS 與Path 語言的部分語法，容許經過標籤名、屬性名或內容對DOM 元素進行快速、準確的選擇，而沒必要擔憂瀏覽器的兼容性，經過jQuery 選擇器對頁面元素的精準定位，才能完成元素屬性和行爲的處理。

1、選擇器的優點

代碼更簡單

$(function(){
    $("#tbStu tr:nth-child(even)").addClass("trOdd");
})

　　上面代碼若是使用原生JavaScript實現的話：一、獲取元素列表；二、經過if判斷%2的元素改變樣式。而JQuery則能夠用鏈式方法直接獲取元素並設置樣式，簡潔明瞭。

弱檢測機制

JavaScript原生態實現時，元素找不到時頁面會報錯而不執行；可是JQuery實現時，元素找不到不會報錯。

 

2、JQuery選擇器類型

JQuery選擇器就是在HMTL文檔裏面選擇到想要操做的元素，因此定位元素很是重要，也是JQuery的主要工做內容。只有有了對象後，才能對其操做。

JQuery選擇器分爲：

• 基本選擇器
• 層次選擇器
• 表單選擇器
• 過濾選擇器

1. 簡單過濾選擇器
2. 內容過濾選擇器
3. 可見性過濾選擇器
4. 屬性過濾選擇器
5. 子元素過濾選擇器
6. 表單對象屬性過濾選擇器

一、基本選擇器（id、class、元素、多個選擇器）

 

二、層次選擇器（全部後代、全部子元素、向後的第一個鄰居、向後的全部兄弟、上下全部兄弟）

 

三、表單選擇器（input、文本框、密碼框、單選框、多選框、圖像、文件、提交按鈕、重置按鈕、普通按鈕）

 

 四、過濾選擇器（序號過濾、內容過濾、屬性過濾、子元素過濾、表單對象過濾）