Как установить overflow-x с помощью jQuery?Или: Как установить css-свойства с помощью '-' (тире)?

Question

Я бы хотел установить свойство overflow-x css с помощью jQuery, но оно не работает:

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