1 <!-- 对选择集进行过滤
2 $('div').has('p'); 选择包含p元素的div元素
3 $('div').not('.myClass'); 选择class不等于myClass的div元素
4 $('div').filter('.myClass'); 选择class等于myClass的div元素
5 $('div').eq(5); 选择第6个div元素，从0开始计数
6
7 选择集转移
8 $('div').prev(); 选择div元素前面紧挨着的同辈元素
9 $('div').prevAll(); 选择div元素之前的所有的同辈元素
10 $('div').next(); 选择div元素后面紧挨的同辈元素
11 $('div').nextAll(); 选择div元素后面的所有同辈元素
12 $('div').parent(); 选择div的父元素
13 $('div').children(); 选择div的所有子元素
14 $('div1').siblings(); 选择div1之外的的同级div元素
15 $('div').find('.myClass'); 选择div里的从class等于myClass的元素
16 -->
17 <!DOCTYPE html>
18 <html lang="en">
19 <head>
20 <meta charset="UTF-8">
21 <title>Document</title>
22 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
23 <script type="text/javascript">
24 $(function(){
25 $('div').css(({'backgroundColor':'gold'}));
26 $('div').has('p').css({'backgroundColor':'red'});
27 $('div').eq(0).css({'backgroundColor':'green'});
28 $('div').eq(7).prev().css({'color':'#fff'});
29 $('div').find('.sp').css({'fontSize':'30px'});
30 });
31 </script>
32 </head>
33 <body>
34 <div>1</div>
35 <div><p>2</p></div>
36 <div>3</div>
37 <div>4</div>
38 <div>5</div>
39 <div><span>11</span><span class="sp">6</span></div>
40 <div>7</div>
41 <div>8</div>
42 </body>
43 </html>
