JavaEE
鴻蒙應(yīng)用開發(fā)
HTML&JS+前端
Python+大數(shù)據(jù)開發(fā)
人工智能開發(fā)
電商視覺設(shè)計(jì)
軟件測(cè)試
新媒體+短視頻
集成電路應(yīng)用開發(fā)
C/C++
狂野架構(gòu)師
IP短視頻
如何使用選擇器獲取元素？常用的jQuery選擇器列舉
更新時(shí)間:2020年10月27日17時(shí)42分 來源:傳智播客 瀏覽次數(shù):
jQuery中的選擇器非常多，對(duì)于初學(xué)者來說，并沒有必要全部掌握，只記住常用的選擇器即可。首先是jQuery的基本選擇器，它和CSS選擇器非常類似，常用的基本選擇器如表1所示。
1
表1 基本選擇器
為了使讀者更好地理解，下面通過代碼進(jìn)行演示。1
我是nav div
2
上述代碼執(zhí)行后，即可看到獲取結(jié)果，如圖1所示。
當(dāng)需要使用其他不熟悉的選擇器時(shí)，可以通過查閱文檔查看具體的解釋。下面是一些其他在開發(fā)中可能會(huì)用到的選擇器。
2. 獲取同級(jí)元素
使用“+”或“~”可以獲取同級(jí)元素，如表2所示。
表2獲取同級(jí)元素
3. 篩選元素
在jQuery中還有一些選擇器可以篩選元素，如表2所示。
表3 篩選元素
4. 屬性選擇器
jQuery中還提供了根據(jù)元素的屬性獲取指定元素的方式。例如，含有class屬性值為current的
元素。常用的屬性選擇器如表4所示。
表4 屬性選擇器
5. 子元素選擇器
利用子元素選擇器可以對(duì)子元素進(jìn)行篩選，常用的如表5所示。
表5子元素選擇器
6. 表單選擇器
jQuery還提供了針對(duì)表單元素的選擇器，用來方便表單開發(fā)，如表6所示。
的控件，后者則可以同時(shí)獲取頁(yè)面中所有的表單控件，包括表單標(biāo)簽是
猜你喜歡：
2
上述代碼執(zhí)行后，即可看到獲取結(jié)果，如圖1所示。
圖1 使用選擇器獲取元素
從圖1可以看出，索引為0的元素就是頁(yè)面中的DOM對(duì)象，length屬性表示匹配到符合條件的DOM對(duì)象個(gè)數(shù)，若沒有匹配到合適的結(jié)果為0。其中，類選擇器、標(biāo)簽選擇器等可以獲取多個(gè)元素，id選擇器只能獲取1個(gè)元素。當(dāng)需要使用其他不熟悉的選擇器時(shí)，可以通過查閱文檔查看具體的解釋。下面是一些其他在開發(fā)中可能會(huì)用到的選擇器。
2. 獲取同級(jí)元素
使用“+”或“~”可以獲取同級(jí)元素，如表2所示。
表2獲取同級(jí)元素
在jQuery中還有一些選擇器可以篩選元素，如表2所示。
表3 篩選元素
jQuery中還提供了根據(jù)元素的屬性獲取指定元素的方式。例如，含有class屬性值為current的
元素。常用的屬性選擇器如表4所示。
表4 屬性選擇器
利用子元素選擇器可以對(duì)子元素進(jìn)行篩選，常用的如表5所示。
表5子元素選擇器
jQuery還提供了針對(duì)表單元素的選擇器，用來方便表單開發(fā)，如表6所示。
表6 表單選擇器
需要注意的是，$("input")與$(":input")雖然都可以獲取表單項(xiàng)，但是它們表達(dá)的含義有一定的區(qū)別，前者僅能獲取表單標(biāo)簽是的控件，后者則可以同時(shí)獲取頁(yè)面中所有的表單控件，包括表單標(biāo)簽是猜你喜歡：
最新資訊
0
分享到：
文章列表.jpg)
javaee
科列表頁(yè)面右側(cè)廣告圖.jpg)
python
web
design
據(jù)學(xué)科列表頁(yè)右側(cè).png)
cloud
test
c
netmarket
pm
Linux
movies
robot
uids
Python
jdbc
北京校區(qū)
江蘇傳智播客教育科技股份有限公司 版權(quán)所有Copyright 2006-2024 All Rights Reserved 蘇ICP備16007882號(hào)營(yíng)業(yè)執(zhí)照增值電信業(yè)務(wù)經(jīng)營(yíng)許可證出版物經(jīng)營(yíng)許可證
蘇公網(wǎng)安備 32132202001156號(hào)