How to add new methods to the jQuery object?

Question

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

Answer 1

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.