jquery each使用

each在jquery中是循环的类似于for。

1：获取特定的dom元素集合，进行遍历。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="../static/js/jquery-1.12.4.js"></script>
 7 </head>
 8 <body>
 9 <input type="text" name="user">
10 <input type="text" name="mail">
11 <input type="text" name="ipone">
12 <input type="text" name="pwd">
13 
14 <script>
15     $('input').each(
16             function(i,e){
17                 console.log(i);
18                 console.log(e);
19                 console.log($(this))
20             }
21     );
22 </script>
23 </body>
24 </html>

 来看下输出：

由上面代码对应可以看出：参数i是指索引，参数e是当前循环的dom标签。而$(this)是指当前循环的jquey对象。

2：对字典对象的循环。

1 var dic_a={'a':2,'b':3}
2 $.each(dic_a,function(i,e){
3 console.log(i);
4 console.log(e);
5 console.log($(this))
6 })；

 

上面的方法是将$('re')匹配的dom元素进行循环。这次是将循环的集合传入each()函数中。

输出：

可以看到在循环字典的时候，i是字典的key值。e是字典的value。$this是当前循环的jquery对象。

 

posted @ 2016-09-15 07:52  evil_liu  阅读(160)  评论(0)    收藏  举报