jQuery中$().each和$.each()的区别

jQuery同时存在$().each和$.each()两个写法相近的方法，它们的区别是前者用于处理DOM对象，后者用于处理数据对象。

方法结构

$().each：

$(selector).each(function(index,element){
...
});

$.each()：

$.each(dataArray, function(index,element){
...
});

使用示例

使用$().each处理DOM：

<ul>
<li>北京</li>
<li>上海</li>
<li>深圳</li>
</ul>
$(function(){
$('ul li').each(function(){
  console.log($(this).text());
});
});

使用$.each()处理数据：

$(function(){
//定义一个数组
    var cityArray = ['北京','上海','深圳'];
    //定义一个对象数组
    var cityObj = [{'name': '北京'},{'name': '上海'},{'name': '深圳'}];
    //遍历数组
    $.each(cityArray, function(index, el){
        console.log(el);      
    });
    //遍历数组
    $.each(cityObj, function(index, el){
        console.log(el.name);
    });
});