美文网首页
6-4隐式迭代--each()

6-4隐式迭代--each()

作者: 大庆无疆 | 来源:发表于2019-04-23 10:47 被阅读0次

小技巧:想知道一个回调函数里需要传入几个参数,可以通过打印arguments.length

  • 隐式迭代: jQuery内部存在隐式迭代,它会对匹配到的所有元素进行循环遍历,执行相应的方法;无需我们再手动地进行循,方便我们使用
    比如给所有的li标签 添加点击 事件,只需要$('li').click(function () {});, 而无需去遍历所有的li标签`
  • each()方法: 大部分情况下是不需要使用each方法的,因为jQuery的隐式迭代特性。但是如果要对每个元素做不同的处理,这时候就要用each方法了。
----------------html------------
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
--------------css---------------
li {
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 20px;
    background-color: pink;
    list-style: none;
}


-----------js----------------
<script type="text/javascript">
       需求:让每个li的透明度发生改变
        $(function () {
            each里面的函数的参数中,第一个表示当前元素的索引,第二个表示当前元素(注意DOM对象)
            $('ul>li').each(function (index, element) {
                // element.style.opacity = (index+1)/5; //DOM方法
                $(element).css('opacity', (index + 1) / 5);
            });
        });
    </script>

相关文章

网友评论

      本文标题:6-4隐式迭代--each()

      本文链接:https://www.haomeiwen.com/subject/bnbmgqtx.html