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

“＃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：

 Biz name 
 Help  

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'); });