選擇器是jQuery中最基礎的概念,它可以幫助我們方便地選擇HTML元素,然后執行相應的操作。以下是常用的jQuery選擇器。
// 選擇id為“myDiv”的元素 $("#myDiv"); // 選擇class為“myClass”的元素 $(".myClass"); // 選擇HTML元素為“div”的元素 $("div"); // 選擇“p”元素中class為“myClass”的元素 $("p.myClass"); // 選擇“ul”元素中子元素為“li”的元素 $("ul li"); // 選擇第一個“p”元素 $("p:first");
除了上面的選擇器,還有其他的選擇器可以幫助我們更精確地選擇HTML元素。
// 選擇class包含“my”字符串的元素 $("[class*=my]"); // 選擇class以“my”字符串開頭的元素 $("[class^=my]"); // 選擇class以“my”字符串結尾的元素 $("[class$=my]"); // 選擇索引為3的“p”元素 $("p:eq(3)"); // 選擇所有被選中的元素的下一個兄弟元素 $(".selected + *"); // 選擇所有被選中的元素的后面的所有兄弟元素 $(".selected ~ *");
總的來說,jQuery的選擇器非常強大,并且可以讓我們以一種簡單的方式來操作HTML元素。熟練掌握選擇器,可以提高我們的開發效率。