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

Question

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

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

如何设置其中包含' - '（破折号）的属性？

Answer 1

您可以使用驼峰式案例：

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

或引用密钥：

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

我会建议引用密钥，我发现更容易分辨出“骆驼套管”的规则是什么。

Answer 2

您可以引用它（使用单引号或双引号）或使用驼峰大小写变体（DOM与其style对象一起使用，因为-在标识符中不合法。

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