在使用jquery選擇器時，經(jīng)常會碰到需要聯(lián)合不同規(guī)則的情況。一般來說，可以通過多次選取相應(yīng)的元素來達到目的，但是這種操作過程繁瑣而且容易出錯。因此，jquery提供了聯(lián)合選擇器來幫助我們輕松解決這一問題。

//通過聯(lián)合選擇 #id 和 .class
$("#id .class").css("color", "red");
//通過聯(lián)合選擇 .class 和 [attribute=value]
$(".class[attribute=value]").hide();
//通過聯(lián)合選擇 :first-child 和 + sibling
$("p:first-child + p").addClass("highlight");
//通過聯(lián)合選擇 :even 和 :not
$("tr:even:not(:first)").css("background-color", "grey");

聯(lián)合選擇器支持的規(guī)則非常豐富，除了上述例子中的組合方式，還可以通過多種方式進行組合，例如使用空格、逗號、括號等。同時，jquery還提供了眾多的篩選表達式和屬性選擇器，可以輕松滿足各種需求。

//使用空格聯(lián)合選擇子孫元素
$("ul li").addClass("highlight");
//使用逗號聯(lián)合選擇多個元素
$("input[type=text], select").addClass("form-control");
//使用括號進行聯(lián)合選擇
$("ul >(li:first-child, li:last-child)").addClass("selected");
//使用屬性選擇器聯(lián)合選擇
$("input[name^=user][type!=hidden]").addClass("form-control");

通過使用聯(lián)合選擇器，我們可以方便地對不同規(guī)則的元素進行選擇和操作，提高了開發(fā)效率和代碼質(zhì)量。