jQuery選擇器是一種用于選取HTML元素的方法,使得我們能夠方便快捷地操作頁面上的各種元素。其中,相對選擇器(Relative Selector)是一種基于元素的相對關系進行選擇的方法。
$(selector1).filter(selector2)
相對選擇器的基本語法如上所示,其中$符號表示jQuery選擇器,selector1表示要選擇的元素集合,而selector2則基于selector1選擇出要過濾的元素集合。這樣的選擇器能夠快速選取某個元素的相對位置,從而實現更細致的元素選擇。
例如,如果我們想要選擇ul元素中的所有li元素中的第一個,可以使用相對選擇器進行篩選:
$("ul li:first-child")
當然,相對選擇器還有很多種,包括:
$("ul li:last-child") $("ul li:nth-child(n)") $("ul li:nth-last-child(n)") $("ul li:first-of-type") $("ul li:last-of-type") $("ul li:nth-of-type(n)") $("ul li:nth-last-of-type(n)") $("input:checked") $("option:selected") $("td:empty") $("p:contains('Hello')")
以上是一些比較基礎的相對選擇器,你可以根據自己的需要學習更多的選擇器規則。相對選擇器的使用有助于我們更快速、更準確地定位元素,從而快速操作頁面。
上一篇jquery選擇器 原理
下一篇jquery選擇器中逗號