This document discusses ways to extend jQuery for custom needs through plugins. It provides examples of simple plugins for limiting checkboxes selection to 3, adding zebra striping, and creating tabs. The document emphasizes that jQuery plugins can be created easily and allow selection and actions on elements. It also notes that plugins allow extending jQuery's functionality and provides an example of extending expressions to check for dates. Overall, the document shows how jQuery can be customized through plugins for selection, actions, and expressions.

1. GROWING JQUERY
How to extend jQuery for your needs

2. jQuery!
Plugins World
Domination

3. Attack of the Libraries!

4. Mad Scientist

5. Separating the Process
Selection Action jQuery
Selection Action
 $(‚#id‛,‚div.class‛)  $(…).show()

6. Cut & Paste

7. Plugins!

8. Easy as baking cookies!
“How can I limit the user to only select up to 3 checkboxes?”
Boring Method Way Cooler Method
$(quot;input:checkboxquot;).click(function(){ jQuery.fn.limit = function(n) {
var boxes = $(‚input:checkbox‛); var self = this;
if(boxes.filter(‚:checked‛) return this.click(function(){
.length < 3) { return self
this.checked = true; .filter(quot;:checkedquot;).length<=n;
} });
}); };
$(quot;input:checkboxquot;).limit(3);

9. Cute Plugins
$.fn.vals = function(){
var v=[];
this.each(function(){ v.push( $(this).val() ); });
return v;
});
$.fn.zebra = function(){
return this.filter(‚:odd‛)
.addClass(‚odd‛).end();
};

10. Extending jQuery
jQuery.expr[‘:’].mod = ‚i%(m[3]-0)==0‛;
jQuery.expr[‘:’].date =
‚/^s*d{2}/d{2}/d{4}s*$/
.test( jQuery(a).text() || ‚‛ )‛;

11. Simplicity
 $(…).idTabs(2);
 $(…).idTabs(‚default‛)
 $(…).idTabs(function(id){
alert(‚Clicked ‛+id);
});
 $(…).idTabs({
start: ‚default‛,
change: ‚false‛
});

12. Questions?
Sean Catchpole sean@sunsean.com