jq each方法 

<style>
        ul {
            list-style: none;
        }

        li {
            float: left;
            width: 200px;
            height: 200px;
            background: pink;
            text-align: center;
            line-height: 200px;
            margin: 0 20px 20px 0;
        }
    </style>
    <script src="jquery-1.12.4.js"></script>
    <script>

        //jQuery释放$的控制权
        $.noConflict();


        $(function () {

//      for(var i = 0; i < $("li").length; i++) {
//        $("li").eq(i).css("opacity", (i+1)/10);
//      }
            //each方法
            $("li").each(function (index, element) {
                $(element).css("opacity", (index+1)/10);
            })


        });
    </script>

</head>

<body>
<ul id="ulList">
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
    <li>什么都看不见</li>
</ul>
posted @ 2018-12-12 20:31  lujieting0  阅读(248)  评论(0)  编辑  收藏  举报