How to change CSS using jQuery?

jQueryWeb DevelopmentFront End Technology

To change CSS using jQuery, use the jQuery css() method.

Example

You can try to run the following code to change CSS using jQuery:

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("h2").css("backgroundColor", "red");

    $("#myid").css({
        "backgroundColor": "gray",
        "color": "white"});

    $(".myclass").css("border", "2px solid black");

});
</script>

</head>
<body>
<h2>Heading 2</h2>
<p id="myid">This is some text.</p>
<div class="myclass">This is some text.</div>

</body>
</html>
raja
Published on 18-Dec-2017 09:24:44
Advertisements