JQuery選擇器

JQuery 選擇器繼承了CSS 與Path 語言的部分語法，允許通過標(biāo)簽名、屬性名或內(nèi)容對DOM 元素進(jìn)行快速、準(zhǔn)確的選擇，而不必?fù)?dān)心瀏覽器的兼容性，通過jQuery 選擇器對頁面元素的精準(zhǔn)定位，才能完成元素屬性和行為的處理。

一、選擇器的優(yōu)勢

代碼更簡單

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

　　上面代碼如果使用原生JavaScript實(shí)現(xiàn)的話：1、獲取元素列表；2、通過if判斷%2的元素改變樣式。而JQuery則可以用鏈?zhǔn)椒椒ㄖ苯荧@取元素并設(shè)置樣式，簡潔明了。

弱檢測機(jī)制

JavaScript原生態(tài)實(shí)現(xiàn)時(shí)，元素找不到時(shí)頁面會(huì)報(bào)錯(cuò)而不執(zhí)行；但是JQuery實(shí)現(xiàn)時(shí)，元素找不到不會(huì)報(bào)錯(cuò)。

?

二、JQuery選擇器類型

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

JQuery選擇器分為：

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

簡單過濾選擇器

內(nèi)容過濾選擇器

可見性過濾選擇器

屬性過濾選擇器

子元素過濾選擇器

表單對象屬性過濾選擇器

1、基本選擇器（id、class、元素、多個(gè)選擇器）

?

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

?

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

?

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

? ? ?

?

轉(zhuǎn)載于:https://www.cnblogs.com/skyflask/p/9113810.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。