So in this blog, we’re going to learn that How to Use change CSS styles in jQuery?
So let’s go ahead and do that for first in index.html, with help of style.css & main.js and define-
To retrieve or set the value of a CSS property, you can use css(). This works similar to attr() and prop(): pass one argument to read or two arguments to set a new value. For instance, you can achieve the same as with hide() like this:
$(“p:first”).css(“display”, “none”);
You can change any CSS property in this simple way.
redBox.css(“background-color”, “#AA5500”);
$(“p”).css(“font-size”, “20px”);
You can even change the value of a property relative to its previous value
redBox.css(“width”, “+=20px”);
redBox.css(“height”, “-=20px”);
Also, you can retrieve multiple values by passing an array as the argument
var properties = $(“p”).css([“font-size”, “line-height”, “color”]);
You can see that in the Developer Tools (F12 in browser) in the Inspector tab.
redBox.css(“user-select”, function() {
// [some logic here…]
return “none”;
});
- Best DevOps is redefining the DevOps landscape - January 28, 2025
- Unlocking the Power of DevOps: How DevOps Consulting Drives Business Success - January 23, 2025
- DevOps Support: Ensuring Seamless Operations and Continuous Improvement - January 23, 2025