jQuery 選擇器是一種強大的工具,可以幫助我們輕松地選擇和操作 DOM 元素。它使用了與 CSS 類似的語法,使得選擇器的使用變得更加簡單和直觀。在本文中,我們將介紹一些常用的 jQuery 選擇器。
$(document).ready(function() { // 選擇所有段落元素 $("p"); // 選擇所有 class 為 "example" 的元素 $(".example"); // 選擇所有 id 為 "myElement" 的元素 $("#myElement"); // 選擇所有 class 包含 "test" 的元素 $("[class*=test]"); // 選擇所有 name 屬性為 "news" 的元素 $("[name=news]"); // 選擇第一個段落元素 $("p:first"); // 選擇最后一個段落元素 $("p:last"); // 選擇前兩個段落元素 $("p:lt(2)"); // 選擇后兩個段落元素 $("p:gt(-2)"); // 選擇文本內容為 "hello" 的元素 $("p:contains('hello')"); // 選擇文本內容以 "he" 開頭的元素 $("p:startsWith('he')"); // 選擇文本內容以 "lo" 結尾的元素 $("p:endsWith('lo')"); });
這些例子中只展示了 jQuery 選擇器的一部分。實際上,jQuery 還有很多不同類型的選擇器和功能。通過靈活地使用這些選擇器,我們可以輕松地選擇和操作 DOM 元素,從而更加高效地開發 Web 應用。
下一篇jquery選擇器多遠