web-dev-qa-db-ja.com

jQueryでoverflow-xを設定するにはどうすればよいですか？または：「-」（ダッシュ）を使用してcss-propertiesを設定するにはどうすればよいですか？

overflow-x cssプロパティをjQueryで設定したいのですが、うまくいきません：

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

'-'（ダッシュ）を含むプロパティをどのように設定しますか？

javascripthtmleventsdom
19
Kees C. Bakker

あなたはどちらかのキャメルケースを使うことができます：

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

または引用されたキー：

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

引用符で囲まれたキーをお勧めします。キャメルケーシングと比較して、ルールが「ひと目で」わかるのは簡単です。

26
Michael Robinson

引用符（一重引用符または二重引用符で）またはキャメルケースバリアント（DOMがstyleオブジェクトで採用した-は識別子では無効です）。

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