jQuery - 'addClass' to HTML 元素 - 不起作用，但在 Chrome 中正确显

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

本文关键字：Chrome 但在 元素 to addClass HTML jQuery 不起作用      更新时间：2023-09-26

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

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

此外，在我的 javascript 文件中声明.button-blue时，这还没有得到解决。

在JSBin中演示。

绝对感谢一些帮助，如果可用，一些资源，我可以在其中找到正确的语法。

谢谢J

网页代码

<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;
}

j查询代码

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

像这样使用：

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

.button-blue和addClass而不是addclass

这也是一个 JS Bin 示例。

而不是：

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

使用正确的选择器（另请注意addClass是驼峰大小写）：

$('.button-blue').addClass('selected');
相关文章：