function(index,value),其中index是索引号,value是对应的值。看起来很简单的问题,在实际操作中却遇到很多问题。现将其记录在这里,加深记忆。
1、在下面这段代码中,index指的是什么?
<html>
<head>
<script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function() {
$(this).css("height", function(index,value) {return parseFloat(value) * 1.2;} );});
});
</script>
<style>
div {width:100px; height:50px; background-color:red;}
</style>
</head>
<body>
<div>请点击这里<br>请点击这里</div>
</body>
</html>
首先分析,既然有选择器,那就是选择了每个相匹配的元素。这些元素构成了一个集合,而index就是这些元素在集合中的位置。
我的误区:1)index是height在div中的位置,也就是width之后,也就是1;
2)index是所有的被选择元素的height所组成的集合中的位置,在这里也就是0。
纠错:1)错误原因,没有理解好集合的概念,只知道index和value的对应关系,却不知道index是哪里的index.
2)height是什么?height是集合中每个被选择元素的一个属性名。