Javascript Jquery：如何获取按钮的值？

我试图使用jquery创建一个css生成器，但当我试图获取按下按钮的值时遇到了一个问题。 我用select尝试了同样的功能，效果很好。 我只想当我点击红色按钮时，背景颜色变为红色，所有按钮的背景颜色相同。 下面是我的代码片段：

var css_background='brown'；
函数css_func（）{
css_标签=“.result{background:+css_background+”；宽度：500px；高度：400px；边框：“+css_background+”实心2px；}”；
$（'style'）。替换为（“”+css_标记+“”）；
}
$（文档）.ready（函数（）{
css_func（）；
//使用选择器更改颜色（工作正常）
$（'select'）.change（函数（）{
css_background=$（this.val（）；
css_func（）；
});
//使用按钮更改颜色
$（“按钮”）.change（函数（）{
css_background=$（this.val（）；
css_func（）；
});
});
红色
黑色
蓝色
紫色
棕色的

更改

$（“按钮”）。将（

更改为

$（“按钮”）。单击。单击按钮不一定会改变其状态，这正是change所寻找的。
按钮不是“更改”的，而是“单击”的。（使用
$（“按钮”）。改为单击
）。此外，它们实际上没有AFAIK的“值”（它们不是输入）。您可以将值放在
数据颜色
或其他内容中，并使用
$（此项）访问它。数据（'color'）
@mpen，
按钮
可以具有
值
属性。这就是为什么它比@WiktorBednarz
input[type=button]
具有值属性的功能强大得多。这实际上是为输入按钮创建可见文本标签的唯一方法。
更强大，因为它不是一个自动关闭的元素，可以有子元素，而
input[type=“button”]
不能。@scottohara，我没有说
input[type=button]
不能有
值；-）通过说
按钮
功能更强大，我的意思是它可以有不同的标题（可见文本）并向服务器发送不同的值，而
input[type=button]
向服务器发送显示给用户的相同文本。我的道歉@WiktorBednarz。