jQuery的$().each方法和$.each()方法的区别

$().each和$.each()是两个名称相似的jquery方法，它们的区别是前者用于处理DOM对象，后者用于处理数据对象。

方法结构

$().each

$(selector).each(function(index,element){
	//执行代码
});

$.each()

$.each(dataArray, function(index,element){
	//执行代码
});

方法示例

使用$().each处理DOM

HTML代码

<ul>
	<li>北京</li>
	<li>上海</li>
	<li>深圳</li>
</ul>

js代码

$(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);
    });
});

输出结果是

北京

上海

深圳

北京

上海

深圳

总结：

$(selector).each()用于处理DOM，$.each()用于处理数据