Jquery选择器的与、或、非

Jquery选择器的与、或、非

1. 与

两个相与的条件之间紧密相连

$('div[id^=="aa"]div[id$=="div"]').css('color','purple');//id以aa开头的div，并且id以div结尾的div

两个元素之间有空格，代表父子元素

$('tbody td[attr1=="a1"]').css('color','purple');//tbody标签下的td标签，td标签里的attr1属性，值为a1

2. 或

两个或条件之间用，分割

$('#td1,#td2,p').css('color','red');

3. 非

元素:not(排除条件)

$('tbody td:not(#td1)').css('color','green');//td的id不为id1
$('tbody td:not([attr1="a1"],[attr2="a2"])').css('color','orange');//td的attr1属性不等a1或attr2属性不等于a2

关于选择器

• #id选择器
• .class选择器
• 什么都不加标签（dom元素）选择器

一些符号

• $Jquery对象
• ()可以放集合
• []属性

根据上面的原则，可以组合出任意的选择条件。