You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 05:16:08