更新時(shí)間:2022-12-29 16:45:25 來源:動力節(jié)點(diǎn) 瀏覽1414次
jquery對于開發(fā)者,特別是前端開發(fā)人員來說,是提升代碼開發(fā)效率的絕佳工具,里面封裝了大量的獲取節(jié)點(diǎn)與各種底層方法,在開發(fā)過程中,避免了大量冗長的底層獲取方法與各種API,但相應(yīng)的,為了去判斷開發(fā)者傳遞的參數(shù),里面也包裝了循環(huán)與判斷語句,得出判斷結(jié)果后,再使用相應(yīng)的底層獲取方法去獲取相應(yīng)的節(jié)點(diǎn),在大型網(wǎng)站里面盡量避免jqery的使用,減少代碼執(zhí)行量,盡量去提高整體的代碼執(zhí)行效率。
話歸正傳,這次我?guī)淼氖莏query中的類選擇器的用法。
提醒:在javasrcipt中,你要先引用相應(yīng)的jquery文件才能使用相應(yīng)的jquery方法。
通常我們能使用 ${} 去調(diào)用相應(yīng)的jquery方法獲取相應(yīng)的節(jié)點(diǎn),這與css的選擇器有異曲同工之妙,我們可以使用 ${' #id '} 去獲取相應(yīng)的id節(jié)點(diǎn),這與css中 #id{} 改變帶有相應(yīng)id標(biāo)簽樣式是相似的邏輯。同樣的,我們使用 ${'.class '} 可以獲取擁有相應(yīng)類名的標(biāo)簽節(jié)點(diǎn), 或者使用 ${'div'} 獲取相應(yīng)的標(biāo)簽節(jié)點(diǎn),這點(diǎn)與css獲取相應(yīng)標(biāo)簽并改變樣式的方法是相似的。
在使用css的過程中,我們知道css有各種復(fù)合選擇器與偽類選擇器,這種豐富的選擇器可以讓我們對特定的標(biāo)簽進(jìn)行修改,那么問題來了,這種復(fù)合選擇器與偽類選擇器可以在jquery中使用嗎?
答案是:可以的!
在jquery中,我們可以用 ${'ul>li '} 獲取子元素節(jié)點(diǎn),也能使用 ${' ul li'}去獲取所有子代元素節(jié)點(diǎn) 還能使用 ${' ul>li:nth-chlit(N)'} 去獲取相應(yīng)的第N個(gè)節(jié)點(diǎn),與jquery中的eq方法不同的是, ${' ul>li:nth-chlit(N)'} 可以獲取每一個(gè)ul元素下的第N個(gè)li元素,而 ${'ul li:eq(N)'}只能先獲取相應(yīng)的li標(biāo)簽的集合,然后在這個(gè)集合里,獲取下標(biāo)為N的li標(biāo)簽元素。
以上就是動力節(jié)點(diǎn)小編介紹的"熟知jq類選擇器的詳情介紹",希望對大家有幫助,如有疑問,請?jiān)诰€咨詢,有專業(yè)老師隨時(shí)為您務(wù)。
初級 202925
初級 203221
初級 202629
初級 203743