标签 javascript jquery html css
<分区>
我想在单击按钮后永久更改按钮的背景颜色。使用以下代码，颜色只会在按钮处于事件状态/被单击时发生变化。释放鼠标按钮后，添加的“clicked”类将不再应用于该元素。
将以下代码应用于 INPUT 标签而不是 BUTTON 标签可以按照我需要的方式工作。但是，我使用的是 BUTTON 标记，因为我希望该值不同于按钮内的文本。
我需要改变什么？
-- 谢谢。
HTML
<button class="inactive" value="test">Button</button>
CSS
.inactive {background-color:gray;}
.clicked {background-color:orange;}
JS
$(document).ready(function(){
$('button').click(function(){
$(this).addClass('clicked');
});
);
最佳答案
唯一的问题是您缺少花括号:http://jsfiddle.net/AaKuf/
$(document).ready(function(){
$('button').click(function(){
$(this).addClass('clicked');
});
}); //<==here
关于javascript - JQUERY - 单击后将 CSS 类添加到 BUTTON 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17092067/
相关文章：
javascript promise 示例与 bluebird 跳过 "then"
javascript - 在 jQuery Mobile 中使用allowSamePageTransition 时如何正确取消绑定(bind)事件？
php - 如何在 PHP 中正确获取 Cookie 的值？
javascript - html td问题: hide a td value if another has a value 'not available'
javascript - Firefox 插件 SDK 注入(inject) jquery
javascript - 未捕获的类型错误 : Object 1 has no method 'indexOf'
javascript - MVC 使用参数从 jQuery 重定向到 View