style css 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 set style property

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

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

Example 4: 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")
--------------------------------------------------------------