In this article I will explain you how to remove css class using jquery. If you want to remove css class by the removeClass attribute. Here I am already applied test1 class to the div element. Click event I am removing the test1 class and applied test2 class.
<!DOCTYPE html>
<html>
<head>
<title>apply css styleusing Jquery </title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<style type="text/css">
.test1 {
background-color: yellow;
color: Red;
}
.test2 {
background-color: gray;
color: White;
}
</style>
</head>
<body>
<input type="button" id="button3" value="click me" />
<div id="divTest2" class="test1">
hello and welcome
</div>
<script type="text/javascript">
$("#button1").click(function () {
$("#divTest2").removeClass('test1').addClass('test2');
});
</script>
</body>
</html>
Post your comments / questions
Recent Article
- How to Enable Virtualization in BIOS Security Settings in Intel Processors For Android Studio?
- Dependency 'androidx.activity:activity:1.8.0' requires libraries and applications that depend on it.
- AttributeError: 'NoneType' object has no attribute 'get_text' - Python
- ModuleNotFoundError: No module named 'openpyxl' - Python
- How to get thumbnail from vimeo video URL in Python?
- Remove all special characters, punctuation except spaces from string - Python
- OSError: cannot write mode RGBA as JPEG- Python
- expected str, bytes or os.PathLike object, not JpegImageFile - Python
Related Article