JQuery選擇器是一種用于HTML文檔中找到特定元素的強大工具。這篇文章將介紹多個不同種類的JQuery選擇器,幫助你更加快速、高效地操作HTML文檔。
其中一種選擇器是基于元素的選擇器,通過元素標簽名稱來選擇元素。例如:
$("p") // 選擇文檔中所有的段落 $("ul li") // 選擇文檔中所有的列表項
還有一種選擇器是基于CSS類名的選擇器,可以被添加到元素的class屬性中并通過類名選擇元素。例如:
$(".my-class") // 選擇擁有my-class類的所有元素 $("h1.my-class") // 選擇h1標簽中擁有my-class類的所有元素
JQuery還支持基于id的選擇器,每個id應該是唯一的。例如:
$("#my-id") // 選擇id為my-id的元素
還有基于屬性的選擇器,可以選擇包含特定屬性的元素。例如:
$("a[href]") // 選擇擁有href屬性的所有錨點標簽 $("input[type='text']") // 選擇所有type屬性值為"text"的input標簽
你也可以使用基于內容的選擇器來查找特定內容的元素。例如:
$(":contains('hello')") // 選擇包含"hello"的所有元素 $("div:has(p)") // 選擇擁有p標簽的所有div標簽
最后,還有許多其他類型的JQuery選擇器,如下:
$("*") // 選擇所有元素 $("p:first") // 選擇第一個段落元素 $("ul li:first-child") // 選擇所有列表中第一個li子元素 $("ul li:last-child") // 選擇所有列表中最后一個li子元素 $("ul li:nth-child(3)") // 選擇所有列表中第3個li子元素 $("div:visible") // 選擇所有可見的div元素 $("div:hidden") // 選擇所有隱藏的div元素
以上是其中一些比較常用的JQuery選擇器,使用這些選擇器可以更快速、高效地操作HTML文檔。
上一篇jquery選擇器編程
下一篇jquery選擇器的語法