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

//Set one style attribute<br /> $(‘#element’).css(‘display’, ‘block’);<br /> //Set multiple style attributes<br /> $(‘#element’).css({‘display’: ‘block’, ‘background-color’ : ‘#2ECC40’}); /* Multiple style *

$(init);</p> <p>function init() {<br /> $(“h1”).css(“backgroundColor”, “yellow”);<br /> $(“#myParagraph”).css({ “backgroundColor”: “black”, “color”: “white” });<br /> $(“.bordered”).css(“border”, “1px solid black”);<br /> }

addClass() Adds one or more class names to selected elements<br /> after() Inserts content after selected elements<br /> append() Inserts content at the end of selected elements<br /> appendTo() Inserts HTML elements at the end of selected elements<br /> attr() Sets or returns attributes/values of selected elements<br /> before() Inserts content before selected elements<br /> clone() Makes a copy of selected elements<br /> css() Sets or returns one or more style properties for selected elements<br /> detach() Removes selected elements (keeps data and events)<br /> empty() Removes all child nodes and content from selected elements<br /> hasClass() Checks if any of the selected elements have a specified class name<br /> height() Sets or returns the height of selected elements<br /> html() Sets or returns the content of selected elements<br /> innerHeight() Returns the height of an element (includes padding, but not border)<br /> innerWidth() Returns the width of an element (includes padding, but not border)<br /> insertAfter() Inserts HTML elements after selected elements<br /> insertBefore() Inserts HTML elements before selected elements<br /> offset() Sets or returns the offset coordinates for selected elements (relative to the document)<br /> offsetParent() Returns the first positioned parent element<br /> outerHeight() Returns the height of an element (includes padding and border)<br /> outerWidth() Returns the width of an element (includes padding and border)<br /> position() Returns the position (relative to the parent element) of an element<br /> prepend() Inserts content at the beginning of selected elements<br /> prependTo() Inserts HTML elements at the beginning of selected elements<br /> prop() Sets or returns properties/values of selected elements<br /> remove() Removes the selected elements (including data and events)<br /> removeAttr() Removes one or more attributes from selected elements<br /> removeClass() Removes one or more classes from selected elements<br /> removeProp() Removes a property set by the prop() method<br /> replaceAll() Replaces selected elements with new HTML elements<br /> replaceWith() Replaces selected elements with new content<br /> scrollLeft() Sets or returns the horizontal scrollbar position of selected elements<br /> scrollTop() Sets or returns the vertical scrollbar position of selected elements<br /> text() Sets or returns the text content of selected elements<br /> toggleClass() Toggles between adding/removing one or more classes from selected elements<br /> unwrap() Removes the parent element of the selected elements<br /> val() Sets or returns the value attribute of the selected elements (for form elements)<br /> width() Sets or returns the width of selected elements<br /> wrap() Wraps HTML element(s) around each selected element<br /> wrapAll() Wraps HTML element(s) around all selected elements<br /> wrapInner() Wraps HTML element(s) around the content of each selected element

————————————————————–<br /> Method:<br /> const element = $(“#element”)<br /> function update_change_css(field, val)<br /> {<br /> element.css(field, val)<br /> }</p> <p>Usage:<br /> const element = $(“#element”)<br /> function update_change_css(field, val)<br /> {<br /> element.css(field, val)<br /> }</p> <p> update_change_css(“display”, “block”)<br /> update_change_css(“background-color”, “red”)<br /> update_change_css(“width”, “100%”)<br /> update_change_css(“color”, “aqua”)<br /> ————————————————————–<br /> OR<br /> ————————————————————–<br /> Method:<br /> $(‘#element’).css(“property”, “property value”)</p> <p>Usage:<br /> $(‘#element’).css(“color”, “red”)<br /> $(‘#element’).css(“background-color”, “blue”)<br /> $(‘#element’).css(“font-size”, “30px”)<br /> ————————————————————–<br /> OR<br /> ————————————————————–<br /> Method:<br /> const element = $(“#element”)<br /> function update_change_css(val)<br /> {<br /> element.css(“color”, val)<br /> }</p> <p>Usage:<br /> const element = $(“#element”)<br /> function update_change_css(val)<br /> {<br /> element.css(“color”, val)<br /> }</p> <p> update_change_css(“black”)<br /> update_change_css(“red”)<br /> update_change_css(“blue”)<br /> update_change_css(“aqua”)<br /> ————————————————————–

//Checking the CSS properties of an element in jQuery<br /> $(.myElement).css(‘property-name’)