Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
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:
<!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> Advertisements
