javascript - changing css style with jquery

Question

Am I changing the style correctly? I am trying to change overflow-x to scroll. It's not working.

css

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

js

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

Answer 1

您的示例没有更改类，而是通过使用 jQuery 更改内联样式来覆盖该类。

根据您使用的浏览器，有时会忽略overflow-x和属性，除非两者都已定义。你可能只需要在你的类中指定一个值。overflow-yoverflow-y

Answer 2

您在那里所做的是选择与选择器“div.anythingSlider .anythingControls .anythingNavWindow”相对应的所有元素，但不更改类定义本身。如果你想改变类，也许你需要稍微调整一下额外的类，所以你的 CSS 表看起来像这样：

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

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

这样，您可以使用 jQuery 选择要更改的anySlider 元素并执行以下操作：

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

Answer 3

该语句不会更改 CSS 类定义；它将overflow-x: scroll样式应用于匹配的选择器元素。

Answer 4

你能试一试吗：（只是猜测）

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