each()

each()方法常常和数组一起使用。

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.6.0.js"></script>
</head>
<body><p>123</p><p>456</p><p>789</p>
</body>
<script>$(function(){var color=["red","aqua","yellow"];$("p").each(function(index,domEle){$(domEle).css("backgroundColor",color[index])})})
</script>
</html>

效果：

$.each()

1）先获取某个集合对象
2）遍历集合对象的每一个元素
(此处是将对象变为集合，而each()是将对象组成集合【所以要有多个或者直接为数组集合】)

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.6.0.js"></script>
</head>
<body><p>123</p><p>456</p><p>789</p>
</body>
<script>$(function(){var color=["red","aqua","yellow"];$.each(color,function(index,ele){console.log(index);console.log(ele);})})
</script>
</html>

效果：

区别

$.each代码：

<script>$(function(){var object={name:"andy",age:18}$.each(object,function(index,ele){console.log(index);console.log(ele);})})
</script>

效果：

each() 代码：

<script>$(function(){var object={name:"andy",age:18}$(object).each(function(index,ele){console.log(index);console.log(ele);})})
</script>

效果：

jQuery遍历对象each方法相关推荐

JavaScript jQuery遍历对象each()方法
1遍历元素 jQuery隐式迭代是对同一类元素做了同样的操作.如果想要给同一类元素做不同操作,就需要用到遍历. 语法1 : $ ("div") . each (function ( ...
jquery 遍历java对象,js/jquery遍历对象和数组的方法分析【forEach，map与each方法】...
本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ ...
linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
jQuery遍历对象/数组/集合
jQuery遍历对象/数组/集合转载自: 网络1.jquery 遍历对象<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitiona ...
jQuery遍历对象、数组、集合
1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTM ...
jquery遍历对象，数组，集合
1.jquery遍历对象 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > & ...
Jquery遍历对象
Jquery遍历对象一.对象.each(function(index,domEle)) index为索引号 doEle为js对象用jquery需要转换为jquery $(domEle) 二.$.ea ...
今日前端小知识——遍历对象的方法
遍历对象的 5 种方法 for...in... Object.entries()/Object.keys()/Object.values() Object.getOwnPropertyNames(ta ...
php遍历对象属性_php中遍历对象的方法
* 遍历对象 * 1.仅能遍历属性,方法不可遍历 * 2.外部遍历仅能查看公共可见属性 * 3.如果要查看全部属性,需要在类中创建外部接口方法来实现 * 4.最终结果以关联数组格式呈现,使用forea ...

jQuery遍历对象each方法

each()

$.each()

区别

jQuery遍历对象each方法相关推荐

最新文章

热门文章