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>
原文：https://www.cnblogs.com/kogmaw/p/12493125.html