.css 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: set css using jquery

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

Example 5: edit css jquery

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

Example 6: how to css in jquery

$(init);
    
function init() {
    $("h1").css("backgroundColor", "yellow");
    $("#myParagraph").css({ "backgroundColor": "black", "color": "white" });
    $(".bordered").css("border", "1px solid black");
}

Tags:

Html Example