JQuery選擇器

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

一、選擇器的優勢

代碼更簡單

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

　　上面代碼如果使用原生JavaScript實現的話：1、獲取元素列表；2、通過if判斷%2的元素改變樣式。而JQuery則可以用鏈式方法直接獲取元素并設置樣式，簡潔明了。

弱檢測機制

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

?

二、JQuery選擇器類型

JQuery選擇器就是在HMTL文檔里面選擇到想要操作的元素，所以定位元素非常重要，也是JQuery的主要工作內容。只有有了對象后，才能對其操作。

JQuery選擇器分為：

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

簡單過濾選擇器

內容過濾選擇器

可見性過濾選擇器

屬性過濾選擇器

子元素過濾選擇器

表單對象屬性過濾選擇器

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

?

2、層次選擇器（所有后代、所有子元素、向后的第一個鄰居、向后的所有兄弟、上下所有兄弟）

?

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

?

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

? ? ?

?

轉載于:https://www.cnblogs.com/skyflask/p/9113810.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JQuery快速入门-选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。