Never been to CodeSnippets before?

Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world (or not, you can keep them private!)

1 total

On This Page:

  1. 1 JQuery: package stuff into a plugin

JQuery: package stuff into a plugin

to javascript jquery abstraction by magicrebirth on Feb 12, 2009
// the plugin model in JQuery takes advantage of JavaScript’s prototype inheritance and makes it trivially easy to add new chainable methods

jQuery('div#message').addClass(
	'borderfade'
).animate({
   'borderWidth': '+10px'
}, 1000).fadeOut();


Can be 'packaged' as:
jQuery.fn.dumbBorderFade = function() {
    return this.addClass(
        'borderfade'
    ).animate({
       'borderWidth': '+10px'
    }, 1000).fadeOut();
};

Now we can apply it to an element like so:
jQuery('div#message').dumbBorderFade();
1 total

On This Page:

  1. 1 JQuery: package stuff into a plugin