Tag Archives: jquery tutorials

Validate HTML CheckboxList using jQuery


HTML checkbox list is slightly different. The main problem is that it can’t be accessed using ID because every checkbox will have different ID. But they share one common attribute which is “name“. So while accessing checkboxes in jQuery, need to use “name” attribute. Let’s declare a HTML checkboxlist. <input type="checkbox" name="technologies" value="jQuery" /> jQuery <br/> <input type="checkbox" name="technologies" value="JavaScript" />JavaScript <br/> <input type="checkbox" name="technologies" value="Prototype" /> Prototype<br/> <input type="checkbox" name="technologies" value="Dojo" /> Dojo<br/> <input type="checkbox" name="technologies" value="Mootools" /> Mootools […]

Add Hyperlink to images using jQuery


To Add Hyperlink to the image, we normally use <a> tag that contains image tag to show the image. But assume there are 100 images and you need to add hyperlink to every image. Putting 100 <a> tag with each image is time consuming and painful. But jQuery can make your task painless. So in this post, I will show to how to add HyperLink to images using jQuery. jQuery provides a method named “wrap()“, which can be used to […]

jQuery 360 Degrees Image Display


If you want to display 360 degree images or panorama images for your products on your website then here are top 5 jQuery 360 degree image display sources or pluginswhich are easy to integrate and useful. j360 j360 is a jQuery plugin designed to display 360 view of product using a set of images. Compatibility with iPhone, iPod, iPad, Google Android devices. Mouse view on PC. Tap view on touch screen mobile devices. Ajax Zoom AJAX-ZOOM is a powerful image […]

HTML and Jquery


jQuery and HTML. Yes, in today post, I will show you some of the jQuery methods that you can use to change the HTML of the DOM elements. These methods are useful and easy to understand. To change HTML Content The html() method changes the contents (innerHTML) of matching HTML elements. $("div").html("jQuery By Example Rocks!!!"); To get HTML Content The html() method can also be used to get the contents (innerHTML) of matching HTML elements. var dvHTML = $("div").html(); Adding […]

jQuery String Functions


In today’s post, I have put together all jQuery String Functions. Well, I should say that these are not “jQuery String Functions“. These are “JavaScript String Functions“. But as jQuery is built on top of Java Script so you can use them with jQuery as well. So I call them “jQuery String Functions“.

CSS Class, Attribute, Property and jQuery


In this short post, I will show you how to add/remove attributes or properties to DOM elements and how to add/remove CSS classes from DOM elements using jQuery. Also, how attribute and properties are different in jQuery.

Top jQuery Tips & Tricks for Programmers

Top jQuery Tips & Tricks for Programmers

Following are few very useful jQuery Tips and Tricks for all jQuery developers. I am sharing these as I think they will be very useful to you. Disclaimer: I have not written all of the below code but have collected from various sources from Internet.

Special jQuery Events


When I thought of writing this post, I was actually confused about the title of the post but then I ended with “Some special jQuery Events“. If you know these events then they are not special for you but if you have come across them for the first time, then they are definitely special for you. So in this post, I will explain about 3 jQuery events. Which are, one trigger toggle one: Attach a handler to an event for […]