add css through 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');
$('#element').css({'display': 'block', 'background-color' : '#2ECC40'});
Example 3: jquery add css
$('#start').css({'font-weight':'bold'});
Example 4: how to css in jquery
$(init);
function init() {
$("h1").css("backgroundColor", "yellow");
$("#myParagraph").css({ "backgroundColor": "black", "color": "white" });
$(".bordered").css("border", "1px solid black");
}
Example 5: jquery css
--------------------------------------------------------------
Method:
const element = $("#element")
function update_change_css(field, val)
{
element.css(field, val)
}
Usage:
const element = $("#element")
function update_change_css(field, val)
{
element.css(field, val)
}
update_change_css("display", "block")
update_change_css("background-color", "red")
update_change_css("width", "100%")
update_change_css("color", "aqua")
--------------------------------------------------------------
OR
--------------------------------------------------------------
Method:
$('#element').css("property", "property value")
Usage:
$('#element').css("color", "red")
$('#element').css("background-color", "blue")
$('#element').css("font-size", "30px")
--------------------------------------------------------------
OR
--------------------------------------------------------------
Method:
const element = $("#element")
function update_change_css(val)
{
element.css("color", val)
}
Usage:
const element = $("#element")
function update_change_css(val)
{
element.css("color", val)
}
update_change_css("black")
update_change_css("red")
update_change_css("blue")
update_change_css("aqua")
--------------------------------------------------------------