更新時間:2022-12-29 16:45:25 來源:動力節點 瀏覽1158次
jquery對于開發者,特別是前端開發人員來說,是提升代碼開發效率的絕佳工具,里面封裝了大量的獲取節點與各種底層方法,在開發過程中,避免了大量冗長的底層獲取方法與各種API,但相應的,為了去判斷開發者傳遞的參數,里面也包裝了循環與判斷語句,得出判斷結果后,再使用相應的底層獲取方法去獲取相應的節點,在大型網站里面盡量避免jqery的使用,減少代碼執行量,盡量去提高整體的代碼執行效率。
話歸正傳,這次我帶來的是jquery中的類選擇器的用法。
提醒:在javasrcipt中,你要先引用相應的jquery文件才能使用相應的jquery方法。
通常我們能使用 ${} 去調用相應的jquery方法獲取相應的節點,這與css的選擇器有異曲同工之妙,我們可以使用 ${' #id '} 去獲取相應的id節點,這與css中 #id{} 改變帶有相應id標簽樣式是相似的邏輯。同樣的,我們使用 ${'.class '} 可以獲取擁有相應類名的標簽節點, 或者使用 ${'div'} 獲取相應的標簽節點,這點與css獲取相應標簽并改變樣式的方法是相似的。
在使用css的過程中,我們知道css有各種復合選擇器與偽類選擇器,這種豐富的選擇器可以讓我們對特定的標簽進行修改,那么問題來了,這種復合選擇器與偽類選擇器可以在jquery中使用嗎?
答案是:可以的!
在jquery中,我們可以用 ${'ul>li '} 獲取子元素節點,也能使用 ${' ul li'}去獲取所有子代元素節點 還能使用 ${' ul>li:nth-chlit(N)'} 去獲取相應的第N個節點,與jquery中的eq方法不同的是, ${' ul>li:nth-chlit(N)'} 可以獲取每一個ul元素下的第N個li元素,而 ${'ul li:eq(N)'}只能先獲取相應的li標簽的集合,然后在這個集合里,獲取下標為N的li標簽元素。
以上就是動力節點小編介紹的"熟知jq類選擇器的詳情介紹",希望對大家有幫助,如有疑問,請在線咨詢,有專業老師隨時為您務。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習