jquery addClass() 函数

Question

这是我要应用到所有关键字的 css

#showKeywords {
    background-color:#5B1762;
}

我想要做的是，当您单击 showKeywords 按钮时，关键字会突出显示。但是，它没有突出显示关键字，而是将 css 样式应用于按钮。我注意到按钮的 id 和 css 样式的名称是相同的。如何在不更改按钮 (showKeywords) 样式

的情况下更改 .keyword class

 $(document).ready(function() {
    $("#showKeywords").click(function() {
        $(".keyword").addClass("showKeywords");
    });

<div id="menuDiv">
    <span id="showVariables" class="button">Variables</span>
    <span id="showKeywords" class="button">Keywords</span>
</div>
<br>
&nbsp;&nbsp;
<span class="keyword">public</span> 
<span class="keyword">static</span>
<span class="keyword">void</span> main(String args[]) {

不允许我更改#showKeywords 的名称，否则我会那样做。

Answer 1

尝试改变

#showKeywords {
    background-color:#5B1762;
}

到

.showKeywords {
    background-color:#5B1762;
}

showKeywords前面的'#'字符表示仅显示id为'showKeyWords.'的元素的样式你想要的是CSSclass，用句点指定。

编辑

如果不允许更改现有的 CSS，则必须向 HTML 添加样式标签。将以下代码放入该页面的 <head> 标记内，或者如果您使用的是布局页面，则将其放在文件顶部。

<style type="text/css">
    .showKeywords {
        background-color:#5B1762;
    }
</style>

最后，如果您不想让 showKeyWords 按钮也变成那种颜色，只需将 HTML 和 JavaScript 中的 showKeyWords 按钮的 ID 更改为不一样的东西。

jquery addClass() 函数

jquery addClass() function

css

jquery

click

编辑