jQuery的 - 「addClass」到HTML元素 - 在Chrome

沒有工作，但顯示正確概括地說，我試圖使用jQuery的addClass一類添加到具有類button-blue一個HTML元素。不幸的是，它不工作。我用attr替換了addClass，但那也沒用。jQuery的 - 「addClass」到HTML元素 - 在Chrome

鉻（最新版本，64位的Ubuntu），增加的類selected被成功添加到button-blue元素，如果我說出"selected"而不是".selected" - 前綴點。

另外，在我的javascript文件中指出.button-blue時，這還沒有解決。

Demo在JSBin。

一些幫助和（如果有的話）一些資源，我可以出現在正確的語法肯定讚賞。

謝謝， Ĵ

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

來源

2016-02-20 johann_ka

使用'.button-blue'裏面的jquery選擇器 –

我已經試過了，它不工作。你可以在JSBin上試試它。控制檯正在吐出一條錯誤消息。 –

錯字：'addclass'應該是'addClass'，並且您的演示程序不加載jQuery – 2016-02-20 00:24:07

使用這樣的：

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

.button-blue和d addClass代替addclass

Here's a JS Bin example as well.

來源

2016-02-20 00:25:24

代替：

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

使用了正確的選擇（也注意到addClass是駝峯）：

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

來源

2016-02-20 00:18:50 Seano666

您好，我已經嘗試過了，但那不起作用。另外，是否有一個很好的解釋，爲什麼'.button-blue'必須是一個點，但是'selected'沒有一個點？使用'addClass'時可以省略點嗎？ –

我不確定案件是否重要，但在文檔中，函數是'.addClass'而不是'.addclass' https://api.jquery.com/addclass/ –

是的，它很重要，JavaScript區分大小寫。 –

jQuery的 - 「addClass」到HTML元素 - 在Chrome

回答

相關問題