Writing JQuery Plugins

A quick primer on some of the principles of and the how to of writing jquery plugins.

Transcript

1. writing Jake Trent
2. jQuery.fn.debug = function() { /* ... */ alert(„debugging‟); /* ... */ }; $(“div”).debug();
11. (function($) { $.fn.feed_the_pig = function() { /* ... */ }; })(jQuery);
12. parameter, parameter, parameter, parameter); limit(
13. $.fn.invest = function(settings) { /* ... */ };
14. $.fn.wield = function(settings) { var opts = { weapon: „nunchuck‟, skill_level: „deft‟ }; var opts = $.extend(opts, settings); }; $(“div”).wield({ skill_level: „weak‟ });
16. $.fn.amuse = function(settings) { /* ... */ this.each(function () { /* todo: impl something gut-wrenching here */ }); };
17. $.fn.wield = function(settings) { /* ... */ return this; };
19. $.fn.wield.defaults = { weapon: „nunchuck‟, skill_level: „deft‟ }; $.fn.wield.level_up_skill = function () { /* ... */ };
22. Power Plugin: http://www.flickr.com/photos/randomurl/438112948/ CC Attribution - Zevotron's photostream Extension Cord: http://www.flickr.com/photos/a_mason/7251818/ CC Attribution - Andrew Mason's photostream Generator: http://www.flickr.com/photos/kylemacdonald/60760497/ CC Attribution - kylemac's photostream Nuclear Powerplant: http://www.flickr.com/photos/senoranderson/259110332/ CC Attribution - PhotoDu.de's photostream Explosion: http://www.flickr.com/photos/ctbto/4926598654/ Public domain Lego Millenium Falcon: http://www.flickr.com/photos/andresrueda/3671175770/ CC Attribution - Andres Rueda's photostream Playmobile Suits: http://www.flickr.com/photos/tico24/93036054/ CC Attribution - Plinkk's photostream Star Wars Cookie: http://www.flickr.com/photos/betsyweber/4961703633/ CC Attribution - betsyweber's photostream Piggy Bank: http://www.flickr.com/photos/alancleaver/4279482716/ CC Attribution - alancleaver_2000's photostream Foreclosure: http://www.flickr.com/photos/respres/2539334956/ CC Attribution - respres' photostream One Finger: http://www.flickr.com/photos/sudhamshu/3202963823/ CC Attribution - Sudhamshu's photostream Wall Street Bull: http://www.flickr.com/photos/thenails1/3407072012/ CC Attribution - thenails' photostream Batmobile: http://www.flickr.com/photos/ozzywu1974/921426847/ CC Attribution - JOE WU's photostream Rollercoaster Loop: http://www.flickr.com/photos/daveynin/4488753036/ CC Attribution - daveynin's photostream Chain: http://www.flickr.com/photos/sudhamshu/3240899911/ CC Attribution - Sudhamshu's photostream Street Fighter: http://www.flickr.com/photos/agius/3564611725/ CC Attribution - agius' photostream Rod Johnson Bobble: Photo by David Hale, used with permission Baseball: http://www.flickr.com/photos/emples/4567228276/ CC Attribution - emples' photostream Capitol: http://www.flickr.com/photos/cloudsoup/217776387/in/photostream/ CC Attribution - cloudsoup's photostream Village People: http://www.flickr.com/photos/dylwalters/1198643171/ CC Attribution - The Dilly Lama's photostream Rockycode background and logo: By Jake Trent Bebas Neue font: By Dharama Type - dharmatype.com – free for commercial, non-commercial use Anonymous Pro font: By Mark Simonson, SIL Open Font License, Version 1.1 – free when not sold as a font Thanks to my family for their support, Dan Harmer for 10 billable hours, coworkers for their good ideas
23. rockycode.com/blog/tech/jquery/