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

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

　　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>

 

posted @ 2018-05-13 17:54  lowmanisbusy  阅读(370)  评论(0)  编辑  收藏  举报