JQuery基礎選擇器及過濾選擇器的用法,今天剛學,寫一下加深印象

基礎選擇器:

$("標籤名"):通過標籤名選擇查找標籤元素

$("#ID"):通過標籤Id查找元素

$(".className"):通過標籤類名查找元素

     $("*"):頁面內選擇所有元素

$("標籤一,標籤二,標籤三,......"):選擇多個標籤

$("父標籤  子孫標籤"):選擇父標籤下的所有與子孫標籤相同的元素

$("父標籤>子標籤"):選擇父標籤下的子標籤,不包括孫及更遠的子孫輩標籤

$("prev+next"):選擇prev元素最緊鄰的下一個標籤

$("prev~siblings"):選擇prev之後同輩的與siblings相同的同輩標籤

過濾性選擇器:

$(”選擇器:first"):選擇符合選擇器的元素組中的第一個元素

$(”選擇器:last"):選擇符合選擇器的元素組中的最後一個元素

$(”選擇器:eq(index)"):選擇符合選擇器的元素組中的第index個元素

$("選擇器:contains(指定內容)"):選擇符合選擇器的元素組中包含指定內容的元素

$(”選擇器1:has(選擇器2"):選擇符合選擇器1的元素組中包含符合選擇器2的元素的元素

$("選擇器[attribute=value]"):選擇符合選擇器的且指定屬性等於指定值的元素

$("選擇器[attribute!=value]"):選擇符合選擇器的且指定屬性bu等於指定值的元素

$("選擇器[attribute*=value]"):選擇符合選擇器的且指定屬性包含指定值的元素

$("選擇器:first-child"):選擇所有符合選擇器的同輩元素組中的第一個元素

例如:

每個ul中的li元素組中的第一個元素進行操作

輸出:

$("選擇器:last-child"):選擇所有符合選擇器的同輩元素組中的最後一個元素




發佈了14 篇原創文章 · 獲贊 7 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章