Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery addClass()函数_Jquery_Css_Click - Fatal编程技术网

jquery addClass()函数

jquery addClass()函数,jquery,css,click,Jquery,Css,Click,这就是我试图应用于所有关键字的css #showKeywords { background-color:#5B1762; } 我想做的是,当您单击showKeywords按钮时,这些关键字将高亮显示。但是,它没有突出显示关键字,而是将css样式应用于按钮。我注意到按钮的id和css样式的名称是相同的。如何在不更改按钮(showKeywords)样式的情况下更改.keyword类 变量 关键词 公开的 静止的 void main(字符串参数[]){ 我不允许更改#showKe

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

#showKeywords {
    background-color:#5B1762;
}   
我想做的是,当您单击showKeywords按钮时,这些关键字将高亮显示。但是,它没有突出显示关键字,而是将css样式应用于按钮。我注意到按钮的id和css样式的名称是相同的。如何在不更改按钮(showKeywords)样式的情况下更改.keyword类


变量
关键词

公开的 静止的 void main(字符串参数[]){

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

尝试更改

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

showKeywords
前面的“#”字符意味着样式仅针对id为“showKeywords”的元素显示。您需要的是一个CSS类,用句点指定

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

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

.显示关键字{
背景色:#5B1762;
}

最后,如果您想防止showKeyWords按钮也变成这种颜色,只需将HTML和JavaScript中的
showKeyWords
按钮的id更改为不同的id即可。

这不是一个类,而是一个id。您的样式表中实际上没有“showKeyWords”类(我们无论如何都看不到)我不允许更改现有的css:cYea我只是将现有的css添加为一个类,它可以工作。
#showKeywords {
    background-color:#5B1762;
}  
.showKeywords {
    background-color:#5B1762;
}
<style type="text/css">
    .showKeywords {
        background-color:#5B1762;
    }
</style>