002-Jquery常用核心方法

本章介绍Jquery常用核心方法3个，分别为：
1. each() : 方法，遍历获取到的jquery对象
2. size()：方法，返回获取到的DOM对象的数量
3. length：属性，返回获取到的DOM对象的数量
示例：

 1 <!DOCTYPE html>
 2 <head>
 3   <meta charset="utf-8"/>
 4   <script src="js/jquery-1.8.0.min.js" ></script>
 5   <style type="text/css">
 6 
 7   </style>
 8 </head>
 9 
10 <body>
11   <div class="box">
12     box
13   </div>
14   <div class="box1">
15     box1
16   </div>
17   <div class="box2">
18     box2
19   </div>
20   <script type="text/javascript">
21     // alert($('div').size());
22     // alert($('div').length);
23     $('div').each(function(){
24       alert(this.innerHTML);
25     });
26   </script>
27 </body>

注：

  • $ 是 JQuery的替代符号，表示调用Jquery()方法获取JQuery对象；
  • each方法里面获取到的是DOM对象，使用$(DOM对象)可以将DOM对象转换为JQuery对象；
  • 将Jquery对象转换为DOM对象的方法：$(‘div’).get(0)等；
  • 在使用Jquery时，一般都会将DOM对象转换为JQuery对象进行使用，这样比较方便；
posted @ 2017-10-18 15:21  agmj  阅读(100)  评论(0)  编辑  收藏  举报