Jquery addClass and removeClass

Just see below code $(“.product-info”).click(function(){ if(!$(this).hasClass(“activeBar”)) { $(this).addClass(“activeBar”); } else { $(this).removeClass(“activeBar”); } }); Another example ; $(“.product-info”).click(function(){ $(this).toggleClass(“activeBar”); }); hope it will help you.

Continue Reading

Jquery Second Step

<!doctype html> <html> <head> <meta charset=utf-8> <title>Second Step of Jquery</title> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> <style> .second_step { font-weight: bold; color: green; font-size: 24px;} </style> <script> $(document).ready(function() { $(‘li:first-child’).addClass(‘second_step’); }); </script> </head> <body> <ul> <li>Item-1</li> <li>Item-2</li> <li>Item-3</li> </ul> </body> </html> …………………………………………………………………………………………………………………………………………………………………… <title>Second Step of Jquery</title>  // just title message. <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script>  // U can download ur jquery version from jquery main site. or …

Continue Reading

Jquery Basic Introduction

An open source JavaScript library that simplifies the interaction between HTML and JavaScript Created by John Resig in 2005, released in January of 2006. jQuery is a lightweight “write less, do more” JavaScript library. The jQuery library contains the following features: HTML element selections HTML element manipulation CSS manipulation HTML event functions JavaScript Effects and animations HTML DOM traversal and …

Continue Reading

Jquery Tutorial First Step

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>First Step of Jquery</title> <style> ul li { color: black; font-weight: bold; font-size: 18px; font-family: Verdana; } .first { color: green; } </style> </head> <body> <ul> <li>Item-1</li> <li>Item-2</li> <li>Item-3</li> </ul> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> <script> $(‘ul li’).addClass(‘first’); </script> </body> </html>

Continue Reading