无法在 jQuery 按钮中设置背景颜色答案

【问题标题】：Cannot set background-color in jQuery button无法在 jQuery 按钮中设置背景颜色
【发布时间】：2012-08-28 10:18:03
【问题描述】：

我有一个 jQuery UI 切换按钮。单击按钮时，我想将内部正方形设置为任意颜色。这是显示问题的 jsFiddle。

单击按钮时，我希望黑色矩形变为红色，但由于某些原因，它保持黑色。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

你可以这样做：

var legend = $("<span/>", {
    text: ' ',
    style: 'display: inline-block; width: 13px; height: 13px;background-color:black',
    id: 'legend'
});

所以现在你可以使用这个 id 代替变量：

input.button().click(function() {
    $('#legend').css('background-color', 'red');
});

【讨论】：

谢谢。有效。仍然让我感到困惑的是，我仍然可以处理 input.click() 事件或进行 input.button() 甚至检查输入对象上的 input.is(':checked') 但我不能做 input.css() .你知道 .css 与 .is、.click 或 .button 有何不同吗？谢谢。

【解决方案2】：

lenged 是一个对象，当被调用时会实例化一个新的 span 元素

创建标签后，您需要使用另一个 var 来存储对适当 span 元素的引用。

毕竟 var legendInsideLabel = $("span").css(........)

这会起作用

【讨论】：