jquery change 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: how to change the background color in jquery

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

Example 3: jquery css

$('#element').css('display', 'block'); /* Single style */
$('#element').css({'display': 'block', 'background-color' : '#2ECC40'}); /* Multiple style */

Example 4: jquery change font color

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

Tags:

Css Example