jquery background color code example

Example 1: change background colour jquery

$(document).ready(function() {
  $("button").mouseover(function() {
    var p = $("p#44.test").css("background-color", "yellow");
    p.hide(1500).show(1500);
    p.queue(function() {
      p.css("background-color", "red");
    });
  });
});

Example 2: jquery add style

//revising Ankur's answer
//Syntax:
$(selector).css({property-name:property-value});

//Example:
$('.bodytext').css({'color':'red'});

Example 3: how to change the background color in jquery

$("#co").click(function(){
   $(this).css({"backgroundColor" : "blue"});
});

Example 4: edit css jquery

$('.ama').css('color','red');

Example 5: jquery fedein background color

$("div" ).hover(
  function() {
     $(this).animate({backgroundColor: "#fff"}, 'slow');
  }, function() {
    $(this).animate({backgroundColor:"#000"},'slow');
  });

Tags:

Html Example