在 jQuery 中,選擇器是用于選擇 HTML 元素的工具。選擇器基于元素的 id、類、類型、屬性、子元素、偽類等特性來選擇元素。
除了選擇器,jQuery 還提供了一些方法來處理選定的元素。其中,最常用的方法是$(selector).action()
方法。action 可以是 jQuery 的內(nèi)置方法,如hide()
或show()
,也可以是自定義的方法。
下面是一些常見的 jQuery 選擇器:
// 選擇 ID 為 "myId" 的元素 $("#myId") // 選擇類名為 "myClass" 的元素 $(".myClass") // 選擇所有元素 $("p") // 選擇所有元素 $("input") // 選擇所有屬性名為 "href" 的元素 $("[href]") // 選擇所有屬性名為 "href" 且屬性值包含 "example.com" 的元素 $("[href*='example.com']") // 選擇所有含有子元素的
元素 $("div:has(*)") // 選擇所有隱藏的元素 $(":hidden") // 選擇所有可見的元素 $(":visible")除了以上選擇器,jQuery 還有許多其他選擇器可用。例如,用戶可以使用
:first
、:last
、:odd
或:even
等偽類來選擇元素。盡管 jQuery 選擇器非常強(qiáng)大并且易于使用,但在選擇元素時需要非常小心。選擇器可以快速返回許多結(jié)果,容易導(dǎo)致性能問題。在使用 jQuery 選擇器進(jìn)行 DOM 操作時,請確保盡可能精細(xì)地限制返回的結(jié)果數(shù)量。