jquery extension und fn.extend

jQuery bietet zwei Methoden zum Entwickeln von Plug-Ins, nämlich:

jQuery. fn.extend(object);

jQuery.extend(object);

jQuery .extend (Objekt); erweitert die jQuery-Klasse selbst. Fügt der Klasse neue Methoden hinzu.

jQuery.fn.extend(object); Methoden zu jQuery-Objekten hinzufügen.

Was ist Fn. Wenn man sich den jQuery-Code ansieht, ist es nicht schwer, ihn zu finden.

jQuery.fn = jQuery.prototype = {

init: function( selector , Kontext ) {//....　

　 //...

};

Es stellt sich heraus, dass jQuery.fn = jQuery.prototype ist. Prototypen sind Ihnen definitiv nicht fremd.

Obwohl Javascript kein klares Klassenkonzept hat, ist es bequemer, Klassen zu verwenden, um es zu verstehen.

jQuery ist eine sehr gut gekapselte Klasse. Wenn wir beispielsweise die Anweisung $("#btn1") verwenden, wird eine Instanz der jQuery-Klasse generiert.

jQuery.extend(object); Das Hinzufügen einer Klassenmethode zur jQuery-Klasse kann als Hinzufügen einer statischen -Methode verstanden werden. Zum Beispiel:

$.extend({

　add:function(a,b){return a+b;}

});

fügt eine „statische Methode“ für jQuery hinzu. Dann können Sie eine „statische Methode“ hinzufügen jQuery wird eingeführt. , verwenden Sie diese Methode,

$.add(3,4); //return 7

jQuery.fn. extension(object); Um jQuery.prototype zu erweitern, müssen der jQuery-Klasse „Mitgliedsfunktionen“ hinzugefügt werden. Instanzen der jQuery-Klasse können diese „Member-Funktion“ verwenden.

Zum Beispiel möchten wir ein Plug-in entwickeln, um ein spezielles Bearbeitungsfeld zu erstellen. Wenn darauf geklickt wird, wird der Inhalt des aktuellen Bearbeitungsfelds benachrichtigt. Sie können dies tun:

Java-Code

1. $ . fn.extend({                                      🎜>dieses). click(function(){

3. warning($(this).val());

4. }); 🎜>}); 

6. $(

   " #input1"
7. ).alertWhileClick();

   //Auf der Seite Für:

9. $("#input1") ist eine jQuery-Instanz, wenn es das -Mitglied aufruft Methode

   AlertWhileClick implementiert die Erweiterung. Bei jedem Klick wird zuerst der aktuelle Bearbeitungsinhalt angezeigt.

10. Im realen Entwicklungsprozess werden Sie natürlich kein so unerfahrenes Plug-In erstellen. Tatsächlich bietet jQuery umfangreiche Betriebsdokumente, Ereignisse, CSS, Ajax, Effektmethoden, in Kombination mit diesen Methoden können Sie weitere Niubility-Plug-Ins entwickeln.

Das obige ist der detaillierte Inhalt vonjquery extension und fn.extend. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!