jQuery選擇器可以輕松地在HTML文檔中查找和操作元素。使用多個選擇器可以在同一時間地對多個元素進行選擇和操作。
//使用逗號來在一個jQuery選擇器中選擇多個元素 $("p, span").css("color", "red"); //使用多個選擇器對不同的元素進行操作 $("p").addClass("paragraph"); $("span").addClass("highlight");
除了使用逗號分隔選擇器外,還可以使用其他組合方式來選擇多個元素。
//使用空格來選擇后代元素 $("ul li").addClass("list-item"); //使用加號來選擇緊挨著的兄弟元素 $("h1 + p").addClass("header-paragraph"); //使用波浪號來選擇所有兄弟元素 $("h1 ~ p").addClass("siblings-paragraph");
同時,也可以使用多種不同的屬性來選擇多個元素。
//選擇所有帶有title屬性的元素 $("[title]").addClass("has-title"); //選擇所有href屬性以".pdf"結尾的鏈接元素 $("a[href$='.pdf']").addClass("pdf-link"); //選擇所有class包含"active"的元素 $("[class*='active']").addClass("active-item");
總而言之,使用多個jQuery選擇器可以方便地選擇多個元素,并對它們進行統一的操作。