javascript - 如何使用 jQuery 设置 overflow-x？或者 : How to set css-properties with a '-' (dash)?

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'
});

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