jq屬性選擇器同時匹配多個條件
阿新 • • 發佈:2018-12-15
示例:
$('#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)