it-roy-ru.com

Изменить цвет фона (свойство css) с помощью Jquery

Я хотел бы изменить цвет фона моей body при нажатии.

Это мой код, который я пробовал, любая помощь будет оценена :)

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

CSS код

body
{
background-color:red;
}

Код тела

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

Вы используете двоеточие вместо запятой. Пытаться:

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

Вам также нужно заключить идентификатор в кавычки, иначе он будет искать переменную с именем #co

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

Здесь есть еще много вопросов. click не является атрибутом HTML. Вы хотите onclick (который является избыточным). Попробуй это:

<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>

Вы пытались вызвать неопределенный метод. Похоже, вы пытались объявить это внутри оператора обратного вызова? Я не уверен. Но, пожалуйста, сравните это с вашим кодом и посмотрите на различия.

http://jsfiddle.net/CLwE5/ demo fiddle

22
Sterling Archer

Попробуй это

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

Код ниже изменит div на синий.

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

1. Удалить метод onclick из элемента div

2. Удалите функцию change() из кода jQuery и вместо этого создайте анонимную функцию, например:

$(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