Jquery屬性選擇器（同時匹配多個條件,與或非）（附樣例）

轉載

原文地址：https://www.cnblogs.com/fuxp/p/9903184.html

1. 前言

為了處理除了兩項不符合條件外的選擇，需要用到jquery選擇器的多個條件匹配來處理，然后整理了一下相關的與或非的條件及其組合。

作為筆記記錄。

        //多條件選擇
        $('#td1,#td2,p').css('color','red');
        //選擇內容不是id=td1
        $('tbody td:not(#td1)').css('color','green');
        //選擇同時滿足條件1 attr1="a1" 和 條件2 attr2="a2"的元素
        $('[attr1="a1"][attr2="a2"]').css('color','blue');
        //選擇條件1 attr1="a1" 或者 條件2 attr2="a2"的元素
        $('[attr1="a1"],[attr2="a2"]').css('color','yellow');

        //選擇class為alarm_select並且處於選中狀態的input元素
        $(".alarm_select:checked")
    
        //選擇不滿足 條件1 attr1="a1" 的元素
        $('tbody td[attr1!="a1"]').css('color','purple');
         
        //選擇不滿足 條件1 attr1="a1" 或 條件2 attr2="a2"的元素
        $('tbody td:not([attr1="a1"],[attr2="a2"])').css('color','orange');
        $('tbody td[attr1!="a1"][attr2!="a2"]').css('color','black');
 
        //選擇不滿足 條件1 attr1="a1" 和 條件2 attr2="a2"的元素
        $('tbody td:not([attr1="a1"][attr2="a2"])').css('color','#ff7700');
        $('tbody td[attr1!="a1"],tbody td[attr2!="a2"]').css('color','black');
 
        //選擇tboy中td標簽attr1!="a1" 和 所有標簽中attr2!="a2"， 即除了<td id="td3" attr1="a1" attr2="a2">3</td>的其它所有標簽元素
        $('tbody td[attr1!="a1"],[attr2!="a2"]').css('color','grey');