一.常用的选择器有一下几种:
1.标签选择器
2.类选择器
3.id选择器
4.并集选择器
5.层级选择器
二.如何获取选择器对象:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type="text/javascript" src="./js/jquery-1.12.4.min.js"></script> 7 <script> 8 $(function(){ 9 // 标签选择器, 选择了所有的div标签 10 var $box_tag = $("div"); 11 // 类选择器 只选中该类名的标签 12 var $box_class = $(".box"); 13 // id 选择器 只选择该id名的标签 14 var $box_id = $("#box_id"); 15 // 并集选择器,同时选中过个标签 16 var $box = $("#box_id, .box"); 17 // 层级选择器,用来准确定位到具体标签 18 var $box_c = $(".box box1"); 19 // 除此以外, 可以在实际情况中灵活使用$(this), 表示当前的html元素 20 }); 21 </script> 22 </head> 23 <body> 24 <div class="box"> 25 <span class="box1"></span> 26 <span></span> 27 </div> 28 29 <div id="box_id"> 30 </div> 31 </body> 32 </html>