Question

“＃business”目前设置为后台：＃323232;如何将其更改为＃000;单击“#business”并在菜单关闭后返回323232？

$(document).ready(function() {

    $("#business").click(function(){
        jQuery.fx.off = true;
        $("#businessmenu").toggle("");
    });

    $('html').click(function() {
        $("#businessmenu").hide("");
    });

    $('#business').click(function(event){
        event.stopPropagation();
    });

});

这是html：

<a href="#" id="business">Biz name</a>
<div id="businessmenu">
    <a href="help.html">Help</a>
</div>

Answer 1

您可以使用css方法更改CSS属性（如果需要，还可以使用多个属性）：

$("#business").click(function(event){
    jQuery.fx.off = true;
    $("#businessmenu").toggle("");
    $(this).css("background-color", "#000");
    event.stopPropagation();
});
$('html').click(function() {
    $("#businessmenu").hide();
    $("#business").css("background-color", "#323232");
});

请注意，我已经绑定了#business绑定的2个事件侦听器，因为它只是绑定了一个没有区别。

作为旁注，是否有理由将空字符串传递给hide？这不应该是必要的。

Answer 2

如果您想将元素的背景（在您的情况下为“#business”）更改为颜色，您只需执行以下操作：

$("#business").css({
     "background": "#000"
});

但我不确定你的“菜单”是什么意思，你应该向我们展示你的HTML代码！

Answer 3

css函数用于更改背景等CSS属性。

$('html').click(function() {
  $('#businessmenu').hide("");
  $('#busniessmenu').css('background-color', '#323232');
});

$('#business').click(function(event){
  event.stopPropagation();
  $(this).css('background-color', '#000');
});

如何使用此代码使用jquery更改css属性

3 个答案: