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

Posted lowmanisbusy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于3.jquery在js文件中获取选择器对象的主要内容,如果未能解决你的问题,请参考以下文章

第五章 jQuery基础及选择器

JavaWeb之JQuery

Android - 片段中的联系人选择器

jQuery 常用选择器和方法以及遍历(超详细)

day01jQuery节点操作

java Jquery