get css property jquery code example

Example 1: jquery css

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

Example 2: 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 3: jquery modify style attribute

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

Example 4: get css value jquery

var font-size = $('p').css('font-size');
console.log(font-size);

Example 5: styling element using jquery

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

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

Tags:

Css Example