1. 程式人生 > >jq屬性選擇器同時匹配多個條件

jq屬性選擇器同時匹配多個條件

 示例:

$('#td1,#td2,p').css('color','red');
        //選擇內容不是id=td1
        $('tbody td:not(#td1)').css('color','green');
        //選擇條件1 attr1="a1" 和 條件2 attr2="a2"的元素(且的關係)
        $('input[attr1="a1"][attr2="a2"]').css('color','blue');
        //選擇條件1 attr1="a1" 或者 條件2 attr2="a2"的元素(或的關係)
        $('[attr1="a1"],[attr2="a2"]').css('color','yellow');
 
        //選擇不滿足 條件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');

使用:當我想讓value為1的input(radio)選中時,我可以這樣寫

$("input[name=***][value=1}]").prop("checked",true)