Jquery

Jquery

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.

Can not work Cancel button in Jquery fancybox parent.jQuery.fancybox.close() is a function add to Onclick. Hope it will work. <input type=button name=”cancel” value=”Cancel” onClick=”parent.jQuery.fancybox.close()”>

<!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
Read More

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
Read More

<!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>