修改

Question

这是我试图应用于所有关键字的css

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

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

的情况下更改.keyword类

 $(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'的元素显示样式。你想要的是CSS 类，用句点指定。

修改

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

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

最后，如果您想阻止showKeyWords按钮成为那种颜色，只需将HTML和JavaScript中showKeyWords按钮的ID更改为不同的颜色。

jquery addClass（）函数

1 个答案:

修改