jQuery是一款非常流行的JavaScript庫,它提供了各種各樣的選擇器,使得我們可以更加方便地操作HTML文檔中的元素。下面我們來一起學習一下jQuery都有哪些選擇器。
$(document).ready(function() { // 通過ID選擇元素 var element1 = $("#demo"); // 通過類名選擇元素 var element2 = $(".demo"); // 通過標簽名選擇元素 var element3 = $("p"); // 通過屬性選擇元素 var element4 = $("input[type='text']"); // 通過多個選擇器組合選擇元素 var element5 = $("p, .demo, input[type='text']"); // 通過子元素選擇器選擇元素 var element6 = $("ul > li"); // 通過后代元素選擇器選擇元素 var element7 = $("ul li"); // 通過相鄰兄弟元素選擇器選擇元素 var element8 = $("h1 + p"); // 通過后續兄弟元素選擇器選擇元素 var element9 = $("h1 ~ p"); });
除了上面列舉的選擇器之外,jQuery還提供了很多其他的選擇器,比如基本過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器等等。如果想要了解更多選擇器的詳細信息,可以訪問jQuery官網。