Javascript 如何使用jQuery设置overflow-x？或者：如何使用'-'；（破折号）？

我想用jQuery设置

overflow-x

css属性，但它不起作用：

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

---

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

您可以使用以下任意一种情况：

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

或引用的键：

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

我建议使用带引号的键，我发现“一目了然”地说出规则与驼峰式大小写相比更容易。

您可以引用它（使用单引号或双引号）或使用驼峰式大小写变体（DOM在其

样式
对象中采用了驼峰式大小写，因为
-
在标识符中是不合法的）

我可以这样设置所有的“-”属性吗？我可以将非引号和引号结合起来吗，比如
{color:'Red'，'overflow-x'：'scroll'}
？我可以这样设置所有的“-”属性吗？为什么你要编辑你的答案，你原来用overflowX的答案很好：-）@Kess，对不起，我的联系很慢，正在研究我的答案，以确保它尽可能准确。
$('.mySelector').css({
    'color': 'Red',
    'overflow': 'auto',
    'overflow-x': 'scroll'
});