jQuery 是一種常用的 JavaScript 庫(kù),其優(yōu)勢(shì)在于簡(jiǎn)化了開(kāi)發(fā)者的代碼編寫(xiě)工作,尤其是在處理 DOM 元素時(shí)。在 jQuery 中,有許多種選擇器可以用于查詢(xún)和操作 DOM 元素。
// 通過(guò)標(biāo)簽名選擇元素 $('p') // 查詢(xún)所有 p 元素 // 通過(guò) id 名稱(chēng)選擇元素 $('#myId') // 查詢(xún) id 為 myId 的元素 // 通過(guò) class 名稱(chēng)選擇元素 $('.myClass') // 查詢(xún) class 名稱(chēng)為 myClass 的元素 // 通過(guò)屬性選擇元素 $('input[name="myName"]') // 查詢(xún) name 屬性值為 myName 的 input 元素 // 通過(guò)子元素選擇元素 $('parent > child') // 查詢(xún) parent 元素中的第一級(jí)子元素 child // 通過(guò)兄弟元素選擇元素 $('prev + next') // 查詢(xún)緊接在 prev 元素后面的 next 元素 // 通過(guò)后代元素選擇元素 $('ancestor descendant') // 查詢(xún) ancestor 元素中的所有 descendant 后代元素
通過(guò)使用這些選擇器,開(kāi)發(fā)者可以方便地查找和操作指定的 DOM 元素,進(jìn)而實(shí)現(xiàn)各種交互效果。此外,jQuery 還有許多實(shí)用的方法可以對(duì)查詢(xún)到的元素進(jìn)行操作,例如修改元素文本內(nèi)容、獲取或設(shè)置元素屬性、為元素添加或移除 CSS 類(lèi)名等等。在實(shí)際開(kāi)發(fā)中,熟練掌握 jQuery 的選擇器和方法會(huì)使得代碼編寫(xiě)更為高效和便捷。