如何使用 jQuery 设置溢出-x？或者：如何使用“-”（破折号）设置 css 属性？

Posted 2023-03-05

【中文标题】如何使用 jQuery 设置溢出-x？或者：如何使用“-”（破折号）设置 css 属性？

【英文标题】：How to set overflow-x with jQuery? Or: How to set css-properties with a '-' (dash)?

【发布时间】：2011-09-12 12:05:54

【问题描述】：

我想用 jQuery 设置overflow-x css 属性，但它不起作用：

$('.mySelector').css(
    color: 'Red',
    overflow: 'auto',
    overflow-x: 'scroll'
);

如何设置包含“-”（破折号）的属性？

【参考方案1】：

您可以使用任一驼峰式：

$('.mySelector').css(
    color: 'Red',
    overflow: 'auto',
    overflowX: 'scroll'
);

或引用键：

$('.mySelector').css(
    color: 'Red',
    overflow: 'auto',
    'overflow-x': 'scroll'
);

我会推荐带引号的键，我发现与骆驼大小写相比，“一目了然”更容易说出规则。

【讨论】：

我可以这样设置所有的'-'属性吗？

你为什么要编辑你的答案，你用overflowX的原始答案效果很好:-)

@Kess，抱歉，我的连接速度很慢，正在研究我的答案以确保它尽可能准确

【参考方案2】：

您可以引用它（用单引号或双引号）或使用驼峰式变体（DOM 采用其style 对象，因为- 在标识符中是不合法的）。

$('.mySelector').css(
    'color': 'Red',
    'overflow': 'auto',
    'overflow-x': 'scroll'
);

【讨论】：

我可以这样设置所有的'-'属性吗？

我可以结合非引用和引用，如 color: 'Red', 'overflow-x': 'scroll' ？