小技巧:想知道一个回调函数里需要传入几个参数,可以通过打印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>
网友评论