web-dev-qa-db-fra.com

Changer la couleur de fond (propriété css) en utilisant Jquery

Je voudrais changer la couleur de fond de ma body au clic.

C'est mon code que j'ai essayé, toute aide serait la bienvenue :)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

$(document).ready(function(){
   $(#foo).click(change() {
   $(body).css("background-color":"blue");
});
});

Code CSS 

body
{
background-color:red;
}

Code du corps 

<body>        
<div id="foo" onclick="change()">
Hello
</div>
javascriptjqueryhtmlcss
10
Sanjay B

Vous utilisez un colon au lieu d'une virgule. Essayer:

$(body).css("background-color","blue");

Vous devez également insérer l’identifiant entre guillemets, sinon une variable appelée #co sera recherchée.

$("#co").click(change()

Il y a beaucoup plus de problèmes ici. click n'est pas un attribut HTML. Vous voulez onclick (ce qui est redondant). Essaye ça:

<div id="co"> <!-- no onclick method needed -->
<script>
$(document).ready(function() {
    $("#co").click(function() {
        $("body").css("background-color","blue"); //edit, body must be in quotes!
    });
});
</script>

Vous essayiez d'appeler une méthode non définie. Il semblerait que vous essayiez de le déclarer dans la déclaration de rappel? Je ne suis pas sûr. Mais comparez ceci à votre code et voyez les différences.

http://jsfiddle.net/CLwE5/ violon de démonstration

22
Sterling Archer

Essaye ça

$("body").css({"background-color":"blue"});
3
Sabash
$("#co").click(function(){
   $(this).css({"backgroundColor" : "blue"});
});
2
IVIajid

Le code ci-dessous changera la div en bleu.

<script>
 $(document).ready(function(){ 
   $("#co").click({
            $("body").css("background-color","blue");
      });
    }); 
</script>
<body>
      <div id="co">hello</div>
</body>
1
yuriy

1.Remove onclick method de div element

2.Remove function change() du code jQuery et à la place de créer une fonction anonyme telle que:

$(document).ready(function()
{

  $('#co').click(function()
   {

  $('body').css('background-color','blue');
  });
});
0
vikash kumar
$("#bchange").click(function() {
    $("body, this").css("background-color","yellow");
});
0
OpenWebWar