JQuery 隐式迭代(each()遍历)

最新推荐文章于 2022-10-19 08:00:00 发布

houyanhua1

最新推荐文章于 2022-10-19 08:00:00 发布

阅读量720

点赞数

分类专栏： JQuery 文章标签： jquery 遍历 each

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/79616377

版权

本文详细介绍了JQuery中的each()方法，通过示例代码解释了如何使用each()进行隐式迭代，适用于对jQuery集合中的元素进行逐个操作。通过阅读，读者将掌握在JavaScript中使用JQuery进行元素遍历的基本技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo.html：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        li {
            width: 200px;
            height: 200px;
            margin: 20px;
            float: left;
            list-style: none;
            text-align: center;
            font: 50px/200px "simsun";
            background-color: pink;
        }
    </style>

    <script src="jquery-1.11.1.js"></script>
    <script>
        jQuery(function () {
            //设置不一样的盒子透明度逐渐递增
            $("ul li").each(function (index,element) {   //each()遍历JQuery对象集合。
                //console.log(index+"---"+element.tagName);  //element是JavaScript对象
                $(element).css("opacity",(index+1)/10);   //$(e