1.
jQuery
Advanced
Ajax Experience - July 2007
John Resig (ejohn.org)

2.
jQuery Plugins
• Extend the jQuery system
• Add on extra methods
$(“div”).hideRemove();
• Trivial to implement
jQuery.fn.hideRemove = function(){
return this.hide(“slow”, function(){
jQuery(this).remove();
});
};

3.
Plugin Repository
• Hundreds of plugins
• Diverse amounts of functionality
• Widgets
• Language Extensions
• Drag & Drop
• Much more...

4.
Building a Wizard
• A non-trivial piece of functionality
• Require dynamic interaction
• Forms
• Events
• Ajax

5.
In Come the Plugins...
• BlockUI
http://malsup.com/jquery/block/
• Ajax Forms
http://malsup.com/jquery/form/
• Tabs
http://stilbuero.de/jquery/tabs/

6.
Demo

7.
Let’s Get Coding!

8.
jquery.com
docs.jquery.com - jquery.com/plugins
More:
visualjquery.com
learningjquery.com