1. 元素选择器:
1) $(“p”):选取p元素
2) $(“p.info”):选取class=“info”中所有的p元素
3) $(“p#info”):选取id=“info”中所有的p元素
2. 属性选择器:
1) $(“[href]”):选取所有带有href属性的元素
2) $(“[type=‘text’]”):选取所有type属性的属性值为text的元素
3) $(“[type!=‘text’]”):选取所有type属性的属性值不为text的元素
4) $(“[type^=‘t’]”):选取所有type属性值以t开头的元素
5) $(“[type$=‘o’]”):选取所有type属性的属性值以o结尾的元素
6) $(“[type*=‘t’]”):选取所有type属性值含有“t”的元素
3. Css选择器:$(“p”).css(“background-color”,“red”);
4. 层次原则器:
1) ul li:后代选择器,选择后面的所有子元素
2) ul>li:子选择器,选择第一级子元素
3) prev+next:匹配prev同级之后紧邻的元素next
4) prev~next:匹配prev同级之后所有元素next
5. 基本滤镜选择器:
1) :first 匹配第一个元素
2) :last 匹配最后一个元素
3) :even 匹配元素集中序数为偶数的元素
4) :add 匹配元素集中序数为奇数的元素
5) :eq(index) 匹配元素集中取第index个元素
6) :gt(index) 取出虚数大于index 的元素
7) :lt(index) 小于
8) :empty 所有没有子元素的元素
9) :parent 包含子元素的所有元素
10) :hidden 匹配所有隐藏的元素 type=“hidden”
11) :visible:匹配所有非隐藏的元素
12) :contains(‘内容’) 匹配含有“内容”字符的元素
13) :has(‘标签’):匹配含有p标签的元素