How to add new methods to the jQuery object?

javascript, jquery, jquery-plugins, methods

Solution

You have to add your function to the `$.fn` namespace. Please note that inside the function, `this` will refer to the jQuery object, not a DOM object.

$.fn.doSomething = function () {
    this.css('color', 'red');
};

$('#retk').doSomething();

​ jsFiddle Demo

Please read about writing jQuery plugins for additional guidelines.

Problem

Is there some way to add methods to jQuery's objects? For example, I have jQuery object ``` a = $('div') ``` I'd like that every object which was assigned like that, would have particular method (`doSomething()`) so I could invoke it like ``` a = $('.foo') a.doSomething() b = $('.bar') b.doSomething() ```

Original source