Comment changer la propriété css en utilisant jquery avec ce code

"#"est actuellement mis à l'arrière-plan: #323232; Comment puis-je le changer à #000; après je clique sur "no business" et de retour à 323232 une fois que le menu est fermé?

$(document).ready(function() {

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

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

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

});

Voici le code html:

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

source d'informationauteur Josh

  1. 28

    Vous pouvez utiliser le css méthode pour changer une propriété CSS (ou de plusieurs propriétés si nécessaire):

    $("#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");
});

    Notez que j'ai combiné les 2 écouteurs d'événement vous a lié à #business comme il ne fait pas de différence pour simplement lier l'un.

    Comme une note de côté, est-il une raison pour laquelle vous passez une chaîne vide pour hide? Qui ne devrait pas être nécessaire.

  2. 3

    Si vous souhaitez modifier l'arrière-plan d'un élément (dans votre cas,"#"") à une couleur, il vous suffit de faire:

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

    Mais je ne suis pas sûr de ce que vous entendez par le "menu", vous devriez probablement de nous montrer le code HTML de votre!

  3. 1

    La css fonction est utilisée pour changer les propriétés CSS comme arrière-plan. 

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

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