龙哥网

龙哥网

jQuery的$().each方法和$.each()方法的区别(jquery的each遍历方法)
2021-12-17

$().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()用于处理数据

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。