jquery add styles 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: how to set css style using jquery

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

Example 3: jquery styles

//create an object and add styles
const styles= {
  backgroundColor: "crimson",
  fontWeight: "bold",
  border: "2px solid lime",
};

$("selector").css(styles);

Example 4: styling element using jquery

Syntax:
$(selector).css(property-name:property-value);

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

Tags:

Css Example