JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第8章

JavaScript+jQuery前端開發(fā)基礎(chǔ)教程微課版第8章jQuery選擇器和過濾器本章主要內(nèi)容：基礎(chǔ)選擇器層級(jí)選擇器過濾器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ù)合選擇器使用多個(gè)ID選擇器、類名選擇器或元素選擇器的組合來匹配HTML元素，其基本格式如下。$("選擇器1,選擇器2,…")8.1.5通配符選擇器*作為通配符選擇器，用于選擇頁面中所有的HTML元素，其基本格式如下。$("*")8.2層級(jí)選擇器層級(jí)選擇器根據(jù)頁面中的HTML元素在DOM樹中的位置關(guān)系來選擇HTML元素。8.2.1祖孫選擇器祖孫選擇器的基本格式如下。$("選擇器1

選擇器2")在DOM樹中，“選擇器2”匹配的元素是“選擇器1”匹配元素的子孫節(jié)點(diǎn)。祖孫選擇器返回匹配的HTML元素。8.2.2父子選擇器父子選擇器的基本格式如下。$("選擇器1>選擇器2")父子選擇器與祖孫選擇器類似，只是“選擇器2”匹配的元素是“選擇器1”匹配元素的直接子節(jié)點(diǎn)，選擇器返回“選擇器2”匹配的HTML元素。8.2.3相鄰節(jié)點(diǎn)選擇器相鄰節(jié)點(diǎn)選擇器的基本格式如下。$("選擇器1+選擇器2")“選擇器1”和“選擇器2”匹配的元素在DOM樹中的父節(jié)點(diǎn)相同?！斑x擇器2”匹配的節(jié)點(diǎn)為“選擇器1”匹配的節(jié)點(diǎn)之后的第1個(gè)兄弟節(jié)點(diǎn)。8.2.4兄弟節(jié)點(diǎn)選擇器兄弟節(jié)點(diǎn)選擇器的基本格式如下。$("選擇器1~選擇器2")兄弟節(jié)點(diǎn)選擇器與相鄰節(jié)點(diǎn)選擇器類似，“選擇器2”匹配的節(jié)點(diǎn)為“選擇器1”匹配的節(jié)點(diǎn)之后的所有兄弟節(jié)點(diǎn)。8.3過濾器過濾器是在選擇器之后用冒號(hào)分隔的篩選條件，對(duì)選擇器匹配的元素進(jìn)一步進(jìn)行篩選。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屬性過濾器編程實(shí)踐：動(dòng)態(tài)