关于JQuery中的$.each()与$().each的理解

关于JQuery中的.each()与().each的理解

在学习JQuery中，对于().each方法遇见了.each,在这里记录自己对于这两个东西的理解想、进行记录。

一、$().each

在w3c中对each()的定义是规定为每个匹配元素规定运行的函数。

语法：$(selector).each(function(index,element){ })
参数：index(选择器index的位置);element(当前的元素（也可使用 “this” 选择器）)

例子:定义四个div并用each遍历其中的文本

<div class="item">1</div>    <div class="item">2</div>    <div class="item">3</div>    <div class="item">4</div>$(".item").each(function(){    alert($(this).text());    });

这段代码是弹出1,2,3,4.
对于这个方法，在对DOM操作的时候用的比较多，比如需要对页面上的某个元素对象集合进行遍历的时候用$().each()是比较合适的。
w3c手册中说的也是对每个匹配的元素运行函数，这里的元素应该就是指的DOM元素。

二、$.each();

用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会包装this 值作为一个对象,尽管是一个字符串或是一个数字),方法会返回被遍历对象的第一参数。

从each()方法前缀我们也可以知道这两个方法的区别。$().each,前面是JQuery选择器，是选择的元素对象。而$.each,前面是JQuery对象，数组或者对象都是Jquery对象，这里又反应了Js中万物皆对象。

语法：$.each(obj,function)
参数：obj：你所要遍历的对象或者数组；function：你所遍历要运行的函数。

例子1：遍历一个json数据

var Json = {'name':'Tom','age':28,'sex':'man'};    $.each(Json,function(key,val){    alert(obj[key]);          //Tom,28,man    //alert(val);           //同样一次弹出Tom，28，man；类型均为字符串})

例子2：遍历一个数组

var arr = [[1,2,3],[3,4,5],[6,7,8]];$.each(arr,function(index,item){  //index:arr数组下标 item：二维数组项（3项）    alert(item[0]);   // 依次弹出1,3,6    alert(arr[index][0]);  //依次弹出1,3,6    alert(item);   //依次弹出1,2,3  3,4,5  6,7,8    alert(arr[1]);})

对于遍历一个数组，用$.each()来处理是非常方便的。
有任何问题请联系博主！谢谢支持！

---

声明：此博客仅限个人学习交流，不做其他用途。