How to Create Your Own jQuery Plugin

1. How to Create Your Own jQuery Plugin by Elijah Manor

3. @elijahmanor

5. They are easy to create

6. Because they are soooo cool  @elijahmanor

7. How Does a jQuery Plugin Work? Plugins are passed the this object which references the jQuery object Plugin manipulates the DOM When finished, the Plugin should return this to facilitate chaining @elijahmanor

11. Accept Custom Settings from the User

12. Merge the Default Settings and Custom Settings and use the Union within the Plugin $.fn.tooltip = function(options){}; $('#helloWorld').tooltip({ text: 'Hello World!', color: '#cccccc' }); @elijahmanor

14. Public Functions $.fn.tooltip = function(options) { return this.each(function() { var$this = $(this); varmessage = $.fn.tooltip.public(); });};$.fn.tooltip.public = function(){ return 'Hello World!';}; @elijahmanor

15. Private Functions (function($) { $.fn.tooltip = function(options) { varmessage = private(); }; function private() { return 'Hello World!'; };})(jQuery); @elijahmanor

17. Support the Metadata Plugin: Part 2 $.fn.tooltip = function(options) { var opts = $.extend({}, $.fn.tooltip.defaults, options); return this.each(function() { var $this = $(this); //Element Specific Options var o= $.meta ? $.extend({}, opts, $this.data()):opts; //Plugin Logic Here… } } @elijahmanor

20. jGalleryjQueryPlugin

21. SommetGroupjQueryPlugin @elijahmanor

23. elijah.manor@gmail.com

24. @elijahmanor

25. http://elijahmanor.comIndividuals with a Relevant Question will Receive a Sommet Group Concept, Code, Conquer jQueryPlugin T-Shirt