如何使用jQuery设置overflow-x？或者:如何使用' - '(短划线)设置css属性？

Question

我想overflow-x用jQuery 设置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'
});

我会推荐引用的密钥,我发现更容易告诉"一目了然"与骆驼套管相比的规则.