jqueryでCSSスタイルを変更する

Question

スタイルを正しく変更していますか？私はoverflow-xをスクロールするように変更しようとしています。動いていない。

CSS

div.anythingSlider .anythingControls .anythingNavWindow { 
margin-top: 15px; 
overflow-x:hidden; 
float: left; 
} 

JS

$("div.anythingSlider .anythingControls .anythingNavWindow").css({"overflow-x":"scroll"}); 

Answer 1

をあなたがそこセレクタ「div.anythingSlider .anythingControls .anythingNavWindow」に対応するすべての要素を選択するが、変更されていませんやっていますクラス定義そのもの。

div.anythingSlider .anythingControls .anythingNavWindow { 
    margin-top: 15px; 
    overflow-x:hidden; 
    float: left; 
} 

div.anythingSlider.withOverflow .anythingControls .anythingNavWindow { 
    overflow-x: scroll; 
} 

あなたはjQueryを使って、あなたが何かを変更してやりたいanythingSlider要素を選択することができますこの方法は：あなたは、クラスを変更したい場合は、あなたのCSSシートは次のようになりますので、多分あなたは、追加のクラスで少しいじる必要がありますlike：

$("div.anythingSlider").addClass("withOverflow") 

Answer 2

あなたの例では、jQueryを使ってインラインスタイルを変更することで、クラスをオーバーライドしている、クラスを変更していません。

は、使用しているブラウザによっては、overflow-xとoverflow-y性質は時々両方がを定義されていない限りを無視しています。あなたのクラスではoverflow-yの値を指定するだけでよいでしょう。

Answer 3

あなたは試してみてくださいでした：（ちょうど推測）

$("div.anythingSlider .anythingControls .anythingNavWindow").css("overflow-x", "scroll"); 

Answer 4

このステートメントはCSSクラス定義を変更しません。一致するセレクタ要素にoverflow-x: scrollスタイルを適用します。