jQuery:css方法中index参数的作用及left属性值如何传递为oldValue?
解析jQuery .css()方法中函数参数的作用
这段代码是用jQuery的.css()方法动态设置元素的left属性,核心是用函数返回值替代固定值,下面拆解你疑惑的两个参数:
1. index参数的作用
index是当前处理的元素在jQuery选中的元素集合里的索引值(从0开始)。- 比如:如果
box是包含3个div的jQuery对象,处理第一个div时index=0,第二个index=1,第三个index=2。你可以利用这个索引给不同位置的元素设置差异化的left值,比如让元素按索引依次偏移。
2. oldValue的传递逻辑
oldValue是当前元素原本的left属性值(带单位的字符串,比如"20px")。- jQuery会自动读取元素当前的
left计算值,把它作为第二个参数传给这个回调函数,不需要你手动传递。你可以直接在函数里使用这个旧值做计算,比如传给myDemoFunction处理后,返回新的left值。
简单示例参考
// 给每个box元素的left值在原有基础上增加15px box.css({ left: function(index, oldValue) { const currentValue = parseInt(oldValue); return `${currentValue + 15}px`; } });
内容的提问来源于stack exchange,提问作者Dr Brown
相关产品推荐
相关产品推荐

