change style jquery code example

Example 1: jquery add style

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

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

Example 2: jquery css

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

Example 3: jquery element css

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

Example 4: jquery set style property

$("selector").css("property", "value");

// Example:
$("div").css("background-color", "red");

Example 5: jquery modify style attribute

$('#yourElement').css('display', 'none');

Example 6: set css using jquery

$('.name').css('color':'blue');

Tags:

Html Example