jQuery是一款強大的JavaScript庫,它可以讓我們更加簡單、高效地操作DOM。而在jQuery中,選擇器是一種非常重要的工具,它可以幫助我們找到并操作DOM元素。接下來,我們來學習一下如何使用jQuery選擇器來找到我們想要的元素。
首先,jQuery選擇器的基本格式是$(),其中括號內填寫的是選擇器表達式。我們可以使用如下的基本選擇器來找到元素:
選取所有p元素
$("p")
選取ID為“myDiv”的元素
$("#myDiv")
選取class為“myClass”的元素
$(".myClass")
選取name為“username”的元素
$("[name='username']")接下來我們來介紹一些常用的選擇器。首先是層級選擇器,這種選擇器可以根據元素之間的層級關系來查找元素。
選取div內部的所有p元素
$("div p")
選取div內部的第一個p元素
$("div p:first")
選取div內部的最后一個p元素
$("div p:last")
選取div的第一個子元素
$("div > :first")接下來是屬性選擇器,這種選擇器可以根據元素屬性來查找元素。
選取所有帶有href屬性的a元素
$("a[href]")
選取所有href屬性中以“.pdf”結尾的a元素
$("a[href$='.pdf']")
選取所有href屬性中包含“jquery”的a元素
$("a[href*='jquery']")最后是過濾器選擇器,這種選擇器可以根據元素的狀態或位置來查找元素。
選取表格中的偶數行
$("tr:even")
選取表格中的奇數行
$("tr:odd")
選取第一個p元素
$("p:first")
選取最后一個p元素
$("p:last")以上是jQuery常用的選擇器,通過選擇器,我們可以更加方便地操作DOM元素,讓我們的工作變得更加高效。
上一篇jquery選擇器該值
下一篇jquery選擇器報錯