All jQuery Tips

Tips to use jQuery selectors efficiently

It is pretty important to understand how to write efficient element selection statement. One has to be very careful while jquery selector statement. Below are some tips on how to use your jQuery selectors efficiently. 1. Always try to use ID as selector You can use ID as selector in jQuery. See below jQuery code. […]
Read the rest of this entry »

Disable “Enter” key on page using jQuery

Today, I got a strange requirement from my client that whenever the "Enter" key is pressed on the page, the page should not be submitted. It should only be submitted when user clicks the submit button using mouse. Well, this was pretty simple and easy with jQuery. I have implemented it in 2 mins and […]
Read the rest of this entry »

Animate image on mouseover using jQuery

You have seen on many blogs for social media sharing icon where you take mouse over on the icon, the icon jumps up. See below picture for more details. In this post, I will show you how you can achieve the same thing using jQuery. For the demo, I have placed all the social media […]
Read the rest of this entry »

jQuery.isNumeric in jQuery 1.7

As mentioned in my previous post that jQuery 1.7 is released and ready to use. With jQuery 1.7, a new function is introduced which is called "isNumeric()". This is a very handy and small utility introduced in 1.7.As the name of the function clearly suggest that it checks whether the passed value is numeric or […]
Read the rest of this entry »

How to add trailing image to mouse cursor using jQuery

You must have seen on many sites when an image moves near the mouse as per the mouse movement. I was wondering how to implement this so I went ahead and find the solution using jQuery. In this post, I will show you how you can add trailing image to mouse cursor movement using jQuery […]
Read the rest of this entry »

How to handle broken image using jQuery

It is quite possible that sometimes the images on web page don't load properly. There can be many reasons for this problem like path of the image is changed or it is removed or renamed. So in such situation, the browser will display broken image sign. (Vary from browser to browser). To overcome this problem, […]
Read the rest of this entry »

Responsive Menu
Add more content here...