Syntax error How to change CSS using jQuery?

How to change CSS using jQuery?

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>
Updated on: 2019-12-10T07:44:10+05:30

729 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements