jQuery中的each方法

来源：互联网发布：欧美邮箱数据编辑：程序博客网时间：2024/05/17 02:07

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
li {
height: 100px;
width: 100px;
border: 1px solid red;
margin-bottom: 10px;
background: #abc;
}
</style>
</head>
<body>
<ul>
<li>这是第01个li</li>
<li>这是第02个li</li>
<li>这是第03个li</li>
<li>这是第04个li</li>
<li>这是第05个li</li>
<li>这是第06个li</li>
<li>这是第07个li</li>
<li>这是第08个li</li>
<li>这是第09个li</li>
<li>这是第10个li</li>
</ul>
<script type="text/javascript" src="jquery-1.12.3.js"></script>
<script>
// 1 $.each 静态方法来使用
// 2 $("div").each 实例方法来使用

// $("li").css("background", "#abc");
1、作为一个实例成员来使用
/*$("li").each(function(index, element) {
// index 是当前元素索引号
// element 是当前的DOM对象
$(element).css("opacity", index / 10);
});*/
2、作为一个静态成员来使用

var arr = [1,3,5];

$.each(arr, function(index, value) {
console.log("第 " + index + " 的值是：" + value);
});

var obj = {
name: "jac",
age: 19,
say: function() {}
};
$.each(obj, function(index, value) {
console.log("第 " + index + " 的值是：" + value);
});
</script>
</body>
</html>

0 0