javascript - 如何向 jQuery 对象添加新方法？

Question

有没有办法给 jQuery 的对象添加方法？

例如，我有 jQuery 对象

a = $('div')

我希望像这样分配的每个对象都有特定的方法(doSomething())，这样我就可以像调用它一样

a = $('.foo')
a.doSomething()

b = $('.bar')
b.doSomething()

Answer 1

您必须将函数添加到 $.fn 命名空间。请注意，在函数内部，this 将引用 jQuery 对象，而不是 DOM 对象。

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

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

jsFiddle Demo

请阅读 writing jQuery plugins获取更多指南。