Wie fügen Sie dem jQuery-Objekt neue Methoden hinzu?

Question

Gibt es eine Möglichkeit, Methoden zu jQuery-Objekten hinzuzufügen?

Zum Beispiel habe ich jQuery-Objekt

a = $('div') 

Ich möchte, dass jedes Objekt, das so zugewiesen wurde, würde bestimmte Methode haben (doSomething()), so konnte ich es aufrufen, wie

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

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

Answer 1

fügen Sie Ihre Funktion diehinzufügenNamespace. Beachten Sie, dass innerhalb der Funktion this auf das jQuery-Objekt und nicht auf ein DOM-Objekt verweist.

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

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

jsFiddle Demo

über writing jQuery plugins für zusätzliche Richtlinien Bitte lesen.

Answer 2

es wie Sie müssen

$.fn.doSomething = function(data){ 
    // data is the argument passed to doSomething 
    return this.each(function(){ 
     var elem = $(this); 
     //perform operation on elem 
     // like to change background color use 
     elem.css('background-color','red'); 

    }); 
}