jQuery中的each方法

最新推荐文章于 2023-12-24 11:06:14 发布

hmlxb001068

最新推荐文章于 2023-12-24 11:06:14 发布

阅读量271

点赞数

本文链接：https://blog.csdn.net/hmlxb001068/article/details/52081582

版权

<!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>

hmlxb001068

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中的each方法

Documentli {height: 100px;width: 100px;border: 1px solid red;margin-bottom: 10px;background: #abc;}这是第01个li这是第02个li这是第03个li这是第04个li这是第05个li这是第06个li这是第07个li这是第08
复制链接

扫一扫