版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
JavaScript+jQuery前端開發(fā)基礎(chǔ)教程微課版第8章jQuery選擇器和過濾器本章主要內(nèi)容:基礎(chǔ)選擇器層級選擇器過濾器8.1基礎(chǔ)選擇器基礎(chǔ)選擇器包括:ID選擇器類名選擇器元素選擇器復(fù)合選擇器通配符選擇器8.1.1ID選擇器ID選擇器利用HTML元素的id屬性值來選擇元素,其基本格式如下。$("#id屬性值")8.1.2類名選擇器類名選擇器利用HTML元素的class屬性值來選擇元素,其基本格式如下。$(".class屬性值")8.1.3元素選擇器元素選擇器使用HTML元素名稱來匹配HTML元素,其基本格式如下。$("元素名稱")
8.1.4復(fù)合選擇器復(fù)合選擇器使用多個ID選擇器、類名選擇器或元素選擇器的組合來匹配HTML元素,其基本格式如下。$("選擇器1,選擇器2,…")8.1.5通配符選擇器*作為通配符選擇器,用于選擇頁面中所有的HTML元素,其基本格式如下。$("*")8.2層級選擇器層級選擇器根據(jù)頁面中的HTML元素在DOM樹中的位置關(guān)系來選擇HTML元素。8.2.1祖孫選擇器祖孫選擇器的基本格式如下。$("選擇器1
選擇器2")在DOM樹中,“選擇器2”匹配的元素是“選擇器1”匹配元素的子孫節(jié)點。祖孫選擇器返回匹配的HTML元素。8.2.2父子選擇器父子選擇器的基本格式如下。$("選擇器1>選擇器2")父子選擇器與祖孫選擇器類似,只是“選擇器2”匹配的元素是“選擇器1”匹配元素的直接子節(jié)點,選擇器返回“選擇器2”匹配的HTML元素。8.2.3相鄰節(jié)點選擇器相鄰節(jié)點選擇器的基本格式如下。$("選擇器1+選擇器2")“選擇器1”和“選擇器2”匹配的元素在DOM樹中的父節(jié)點相同?!斑x擇器2”匹配的節(jié)點為“選擇器1”匹配的節(jié)點之后的第1個兄弟節(jié)點。8.2.4兄弟節(jié)點選擇器兄弟節(jié)點選擇器的基本格式如下。$("選擇器1~選擇器2")兄弟節(jié)點選擇器與相鄰節(jié)點選擇器類似,“選擇器2”匹配的節(jié)點為“選擇器1”匹配的節(jié)點之后的所有兄弟節(jié)點。8.3過濾器過濾器是在選擇器之后用冒號分隔的篩選條件,對選擇器匹配的元素進一步進行篩選。8.3.1基礎(chǔ)過濾器8.3.2內(nèi)容過濾器8.3.3子元素過濾器8.3.4可見性過濾器可見性過濾器通過元素的可見狀態(tài)(顯示或隱藏)來匹配元素,:visible過濾器匹配所有可見元素,:hidden過濾器匹配所有不可見元素。8.3.5表單過濾器8.3.6屬性過濾器編程實踐:動態(tài)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度法律服務(wù)機構(gòu)兼職律師服務(wù)合同3篇
- 2025年度公司簽約帶貨主播虛擬偶像合作合同3篇
- 二零二五年度養(yǎng)殖場養(yǎng)殖場養(yǎng)殖技術(shù)交流與合作合同3篇
- 2025年度建筑工程施工現(xiàn)場管理三方協(xié)議3篇
- 二零二五年度全新碼頭租賃合同及港口貨物裝卸服務(wù)協(xié)議3篇
- 2025年度XX教育機構(gòu)二零二五年度教育貸款協(xié)議3篇
- 2025年度大學(xué)畢業(yè)生就業(yè)就業(yè)能力評估與培訓(xùn)合同3篇
- 2025年度高新技術(shù)產(chǎn)業(yè)競業(yè)禁止勞動合同范本解析3篇
- 2025年度高效農(nóng)業(yè)機械買賣合同協(xié)議書模板3篇
- 2025年度寵物店專業(yè)連鎖品牌形象設(shè)計與授權(quán)合同3篇
- 2025屆高考語文復(fù)習(xí):散文的結(jié)構(gòu)與行文思路 課件
- 審計工作述職報告
- 廣東省廣州海珠區(qū)2023-2024學(xué)年八年級上學(xué)期期末物理試卷(含答案)
- 【MOOC】工程材料學(xué)-華中科技大學(xué) 中國大學(xué)慕課MOOC答案
- 銀行貸款保證合同范本
- 《汽車膠粘劑》課件
- 手繪pop教學(xué)課件
- 2024腦血管病指南
- 企業(yè)三年營銷規(guī)劃
- 清華大學(xué)《工程倫理》網(wǎng)課習(xí)題及期末考試答案
- 供貨、安裝、調(diào)試、驗收方案
評論
0/150
提交評論