jQuery選擇器是一種用于選取HTML元素的語法。它能夠讓我們更方便、更高效地操作DOM。下面是一些jQuery選擇器的基本語法:
$(selector).action()
這里的 $ 表示jQuery函數(shù),用于從選擇器中選取元素。其中,selector是用于篩選元素的表達(dá)式,而action是對選取到的元素執(zhí)行的操作。
下面是一些常見的jQuery選擇器:
$("p") // 選取所有的元素 $("#id") // 選取帶有指定 id 屬性的元素 $(".class") // 選取帶有指定 class 屬性的元素 $("p#id") // 選取所有 p 元素中帶有指定 id 屬性的元素 $("p.class") // 選取所有 p 元素中帶有指定 class 屬性的元素
除此之外,jQuery選擇器也支持更復(fù)雜的篩選條件:
$("p:first") // 選取第一個元素 $("p:last") // 選取最后一個
元素 $("ul li:first-child") // 選取每個
- 中的第一個
- 元素
$("ul li:last-child") // 選取每個
- 中的最后一個
- 元素
$("ul li:nth-child(n)") // 選取每個
- 中的第 n 個
- 元素
$("p:even") // 選取所有偶數(shù)位置的
元素 $("p:odd") // 選取所有奇數(shù)位置的
元素
記住,jQuery選擇器需要依賴于jQuery庫才能生效。所以在使用jQuery選擇器之前,要先引入jQuery庫:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
這樣我們就可以愉快地使用jQuery選擇器了!
- 元素
$("p:even") // 選取所有偶數(shù)位置的
- 元素
$("ul li:nth-child(n)") // 選取每個