JQuery tutorial: Add class


JQuery

Add class

With JQuery you can add classes to HTML elements by using addClass() function. You also can remove classes from elements by using removeClass() function.
Example:
<html>
<head><title>Adding/Remove classes of HTML elements</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$("p").addClass("myclass");
$("p.myclass").css("color","blue");
});

</script>

</head>
<body>
<p>This is a dynamic blue text paragraph .</p>
</body>
</html>




Comments





This website intents to provide free and high quality tutorials, examples, exercises and solutions, questions and answers of programming and scripting languages:
C, C++, C#, Java, VB.NET, Python, VBA,PHP & Mysql, SQL, JSP, ASP.NET,HTML, CSS, JQuery, JavaScript and other applications such as MS Excel, MS Access, and MS Word. However, we don't guarantee all things of the web are accurate. If you find any error, please report it then we will take actions to correct it as soon as possible.