jQuery選擇器是一種非常強大的工具,可以在HTML文檔中找到和操作不同的元素。這篇文章將為您介紹jQuery選擇器的基本知識。
// 下面是一些jQuery選擇器的例子: $("p") //選擇所有的段落 $("#myId") //選擇ID為"myId"的元素 $(".myClass") //選擇類名為"myClass"的元素 $("p:first-child") //選擇第一個子元素為p的所有元素 $("ul li:first-child") //選擇每個ul元素中的第一個li元素 $("ul li:first") //選擇每個ul元素中的第一個li元素 // 常用的jQuery選擇器 $("*") //選擇所有元素 $(this) //選擇當前元素 $("p,div") //選擇所有p元素和div元素 $("ul li") //選擇所有ul元素中的li元素 $(":disabled") //選擇所有被禁用的元素 $("div:not(.myClass)") //選擇所有不含有.myClass類名的div元素 $("p:even") //選擇所有p元素中索引號為偶數的元素,從0開始計算 $("p:odd") //選擇所有p元素中索引號為奇數的元素,從0開始計算 // 層次選擇器 $("ul li") //選擇所有ul元素中的li元素 $("ul>li") //選擇所有直接子元素為li的ul元素中的li元素 // 過濾選擇器 $("li").filter(".myClass") //選擇所有類為myClass的li元素 $("li").not(".myClass") //選擇所有不含有myClass類名的li元素 $("li").has("ul") //選擇所有包含ul子元素的li元素
上述所列舉的僅是最基本和常用的jQuery選擇器,實際上還有很多其他的選擇器。使用jQuery選擇器可以輕松地在文檔中找到所需的元素,并且同樣可以方便地對它們進行操作。
上一篇jquery選擇器用戶
下一篇jquery選擇器的例子