3.jquery在js文件中获取选择器对象

时间：2021-04-25 05:26:29

一.常用的选择器有一下几种:

　　1.标签选择器

　　2.类选择器

　　3.id选择器

　　4.并集选择器

　　5.层级选择器

二.如何获取选择器对象:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>选择器</title>

     <script type="text/javascript" src="./js/jquery-1.12.4.min.js"></script>

     <script>

         $(function(){

             // 标签选择器, 选择了所有的div标签

             var $box_tag = $("div");

             // 类选择器 只选中该类名的标签

             var $box_class = $(".box");

             // id 选择器 只选择该id名的标签

             var $box_id = $("#box_id");

             // 并集选择器,同时选中过个标签

             var $box = $("#box_id, .box");

             // 层级选择器,用来准确定位到具体标签

             var $box_c = $(".box box1");

             // 除此以外, 可以在实际情况中灵活使用$(this), 表示当前的html元素

         });

     </script>

 </head>

 <body>

     <div class="box">

         <span class="box1"></span>

         <span></span>

     </div>

     <div id="box_id">

     </div>

 </body>

 </html>

相关文章