<body>
<div>1</div>
<div>2</div>
<div>3</div>
<script type="text/javascript">
$(function(){
// 如果要给数组分配不同样式，还要避免隐式迭代 就要用遍历 JQuery遍历
// 定义数组分配颜色
let col =["red","green","blue"];
// 如果要计算总和，设一个变量
let sum =0;
// each函数是遍历 等同for 但是比for强大
// 两个函数 第一个是下标 第二个是元素
$("div").each(function(i,domElm) {
console.log(i);
console.log(domElm);
// elm是DOM元素，要先转换才可以改变样式
$(domElm).css("color",col[i]);
// 计算总和
// 总和是元素中间填写的内容相加 就是 domElm 但这是字符串 所以要先将其改为数值型parseInt
sum=sum+parseInt($(domElm).text());
});
console.log(sum);
});
$(function(){
// 如果定义了一个颜色数组，想要遍历这个颜色的数组，但是each()方法做不到，就用到 $.each ()方法了
let col =["red","green","blue"];
// 与each方法类似，这里先写$.each(括号第一个函数写数组名称，第二个函数写function)
// $.each()可用于遍历任何对象，比如数组，对象，主要用于数据处理
$.each(col,function(i,domElm){
console.log(i);
console.log(domElm);
});
});
</script>
</body>
1052
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
