jQuery

Question

简而言之，我正在尝试使用 jQuery 的 addClass 添加 class 到具有 class 的 HTML 元素button-blue。不幸的是，它不起作用。我用 attr 替换了 addClass 但这也不起作用。

在 Chromium（最新版本，64 位，Ubuntu）中，添加的 class selected 成功添加到 button-blue 元素，如果我声明 "selected" 但不适用于 ".selected" - 带有前缀点。

此外，在我的 javascript 文件中声明 .button-blue 时，此问题尚未解决。

演示在 JSBin.

非常感谢一些帮助，如果有的话，一些我可以从中得出正确语法的资源。

谢谢， J

HTML代码

<body>
<div id="switcher">
  <div class="button-blue">Blue menu1</div>
  <div class="button-red">Red menu2</div>
  <div class="button-green">Green menu3</div>
</div>
</body>

CSS代码

.button-blue {
    display: inline-block;
    color: blue;
    background-color: lightgrey;
}

.selected {
    font-weight: 900;
    color: black;
    background-color: pink;
}

jQuery代码

$(document).ready(function() {
    $('button-blue').addclass('selected');
});

Answer 1

而不是：

$('button-blue').addclass('selected');

使用正确的选择器（另请注意 addClass 是 camelCase）：

$('.button-blue').addClass('selected');

Answer 2

这样使用：

$(document).ready(function() {
    $('.button-blue').addClass('selected');
});

.button-blue 和 addClass 而不是 addclass

Here's a JS Bin example as well.

jQuery - 'addClass' 到 HTML 元素 - 不工作但在 Chrome 中正确显示

jQuery - 'addClass' to HTML element - not working but shown correctly in Chrome

html

javascript

css

addclass