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