今天在群里聊天，有个骚年提了一个问题，对w3cschool上的一个click时间的示例demo不解，我自己去看了下，发现也不懂，就是里面函数的参数问题，先贴代码。
4
594<html>
<head>
<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("p").click(function () {
$(this).css(
"width",
function (index, value) {
return parseFloat(value) * 1.2;
}
);
});
});
</script>
<style>
p {
width: 100px;
height: 50px;
background-color: red;
}
</style>
</head>
<body>
<p>请点击这里</p>
</body>
</html>我的疑问是：这里的index参数有什么作用？index和value的值是哪里来的？如果我去掉index，后面的value就会取不到值，为什么？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
http://api.jquery.com/css/#css-propertyName-function
这两个参数是jquery给你的
它的css方法接受第二个参数作为回调
可以看下文档 http://api.jquery.com/css/#css-propertyName-function
你使用的是：
.css( propertyName, function )对于propertyName我们没有疑义，第二个参数是一个回调函数，它的返回值是你希望给那个元素设置的值，接受字符串或者数值作为返回结果，然后回调此函数时会传给你两个参数，第一个就是要设置的目标元素在你的选择器中的索引，第二个参数是那个目标元素的原有值
1）首先问题click无关
2）这是个jQuery css方法调用问题
.css(prop,fun)
fun函数的参数为index，value
index为当前jQuerselector得到的集合索引值，value表示当前prop被修改前的值
func返回修改后的值，作为prop css属性的值
3）你去掉index，那么value不是取不到值，而是它的值为正确调用下的index值，而正确调用下的value被丢弃了
首先，
function (index, value)属于一个回调函数，是对选取的p的width修改取值的回调。为什么有
index？ 因为这里$("p")选取的p可能会是多个的，那对每一个p都会单独执行这个回调函数，而区别这些p主要就通过index这个参数，其实就是一个识别序号。为什么去掉
index就不能正常取值 ？ Js 里的回调函数比较智能，允许定义时省略后面的参数，但是不能省略前面的参数，如果你定义成function (value)，调用的时候也不会把value放到前面来，而是把原来index的值传给value。其实index和value这两个参数名无关紧要，名字可以随便定义，重要的是记住传递参数的实际意义，而这些是JQ手册里应该提供的。