Archive for February, 2011

How to Zoom image on mouseover using jQuery

I had already posted about Zoom an image using jQuery but that is on click event of the button. One of my reader asked me how to zoom an image with out a click, simply when mouse is on image. This is not a tough task to do. jQuery provides 2 events mouseover() and mouseout() […]
Read the rest of this entry »

jQuery empty() vs remove()

jQuery provides 2 methods empty() and remove() to remove the elements from DOM. I have seen the programmers getting confused between both the methods. empty() method removes all the child element of the matched element where remove() method removes set of matched elements from DOM. Confused? Let me explain you with an example. There are […]
Read the rest of this entry »

Difference between jQuery text() and html() functions

jQuery provides 2 functions text() and html() and when to use text() function and when to use html() function is quite confusing as both the functions are different and serve different purpose. .html() - This jQuery function gets/sets the HTML of any element. .text()- This jQuery function gets/sets the text (innertext) of any element. Let's […]
Read the rest of this entry »

Merging jQuery Deferreds and .animate()

Editor's Note: This article originally appeared on danheberden.com. jQuery’s .animate() method, and the shorthand methods that use it, are fantastic tools to create animations. Creating animations that link together to achieve a particular effect, and do something specific at the end of the animation, can be a painful, messy task. Luckily, we have .queue() for […]
Read the rest of this entry »

Group Multiple Function in Jquery

In this post, I will show you a simple jQuery tip to group multiple function on single element or multiple element using jQuery. For example, you need to define 3 functions click, mouseover and mouseout on any element. jQuery supports binding functions so that they all can be defined within the same group. This is […]
Read the rest of this entry »