10 jQuery Extension Plugins

Sam Deering
Tweet

10 of the best jQuery extension plugins you cannot do without if you are a serious front-end developer. Things like DOM management and table creation amongst others. Enjoy!

1. Easy DOM creation for jQuery and Prototype

jQuery plugin that makes it easy to build up a tree of DOM nodes.
Easy-DOM-creation-for-jQuery-and-Prototype-.jpg
Source


2. jQuery Form Plugin

Allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.
jQuery-Form-Plugin-.jpg
Source


3. Dimensions

Extends jQuery to provide dimension-centric methods for getting widths, heights, offsets and more.
dimensions.jpg
Source


4. TableSorter plug-in for jQuery

The main new features include:
* Multi-column sorting
* In-line support for setting options done via the class attribute on the TH elements.
* The plugin has been re-written from scratch.
* Support for rowspan and colspan on TH elements.
* New widget support, more information in the docs.
TableSorter-plug-in-for-jQuery-.jpg
Source


5. Validation

This jQuery plugin makes simple clientside form validation trivial, while offering lots of option for customization.
validation.jpg
Source


6. Simple Star Rating System

This is a jquery plugin for star rating systems. The intial inspiration for this script came from “Wil Stuckey’s” star rating system. But the original script requires too much coding.
Simple-Star-Rating-System-.jpg
Source


7. jQuery UI Calendar

Creates a Calendar using JQuery User Interface Calendar Control. The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a single-page or multi-page interface.
jQuery-UI-Calendar.jpg
Source


8. jQuery UI Tabs

Creates a jQuery UI tabs widget in your web page.
jQuery-UI-Tabs-.jpg
Source


9. jQuery UI Dialog

Creates a jQuery UI Dialog widget in your web page.
jQuery-UI-Dialog.jpg
Source


10. jQuery Tab Container

Add tab container to your markup language so you can accommodate more information in one page in user friendly way.
jQuery-Tab-Container-.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.