JQUERY - 在点击后向BUTTON元素添加CSS类 [英] JQUERY - add CSS class to BUTTON element after click

问题描述

我想在按钮后永久更改按钮的背景颜色。使用以下代码，颜色只有在按钮被激活/被点击时才会改变。一旦鼠标按钮被释放，添加的clicked类不再应用到元素。

I want to change the background color of a button permanently after it is clicked. Using the following code the color only changes while the button is active/being clicked. Once the mouse button is released the added "clicked" class is no longer applied to the element.

将以下代码应用于INPUT标记而不是BUTTON标签方式我需要它。但是，我使用BUTTON标签，因为我想要的值不同于按钮内的文本。

Applying the following code to an INPUT tag instead of a BUTTON tag works the way I need it to. However, I'm using a BUTTON tag since I want the value to be different from the text inside the 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/

The only problem is that you are missing a curly brace: http://jsfiddle.net/AaKuf/

 $(document).ready(function(){
      $('button').click(function(){
           $(this).addClass('clicked');
      });
 }); //<==here

这篇关于JQUERY - 在点击后向BUTTON元素添加CSS类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！