Detaillierte Erläuterung der Erweiterungsmethoden jQuery.extend() und jQuery.fn.extend() examples

Detaillierte Erläuterung der Erweiterungsmethoden jQuery.extend() und jQuery.fn.extend() examples_jquery

WBOY

Freigeben： 2016-05-16 16:49:07

Original

1102 Leute haben es durchsucht

jQuery verfügt über angepasste Methoden jQuery.extend() und jQuery.fn.extend(). Die Methode jQuery.extend() kann globale Funktionen oder Selektoren erstellen, und die Methode jQuery.fn.extend() kann jQuery-Objektmethoden erstellen >
Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

jQuery. extension({ 
showName : function(name){ 
alert(name) 
} 
jQuery.showName("Dark Blue"); 🎜>jQuery. Zusätzlich zum Erstellen von Plug-Ins kann extend() auch zum Erweitern von jQuery-Objekten verwendet werden 
Zum Beispiel: 

Code kopieren

Der Code lautet wie folgt: var a = { name: "blue", pass: 123

}

var b = { 
name : "red", 
pass : 456, 
age : 1 
} 
var c = jQuery.extend({},a,b); > 
c besitzt die Attribute von a und b, da das b-Objekt nach dem a-Objekt steht, steht sein Namensattribut an erster Stelle im c-Objekt. 

Die Methode jQuery.extend() übergibt eine Reihe von Optionen Das Plug-in, einschließlich Standardwerten. 

Code kopieren

Der Code lautet wie folgt:

function fn(options){ var options = jQuery.extend({ //Standardparameter-Optionslistename1: value1, name2: value2, name3: value3

},options) ; //Funktionsparameter zum Überschreiben oder Zusammenführen in die Standardparameter-Optionsliste verwenden

/ /Funktionskörper
} 
fn({ name1 : value3, name2 : value2 , name3 : value1 });//Verwenden neuer Wert
fn({ name4 : value3, name5 : value2 });// Neue Optionen zum Standard hinzufügen 
fn(); //Die Standardoptionswerte beibehalten

 
Wenn Sie diese Methode aufrufen, werden durch die Übergabe neuer Parameterwerte die Standardparameteroptionswerte überschrieben. Andernfalls verwenden Sie den Standardparameterwert 

Verwenden Sie das JQuery.fn-Objekt, um die JQuery-Objektmethode zu erstellen 

Sie können Eigenschaften und Methoden über das jQuery.fn-Objekt hinzufügen. Tatsächlich ist das jQuery.fn-Objekt ein Hook. Bei jQuery.prototype wird es von jQuery abgekürzt. Wenn man sich den jQuery-Code ansieht, ist es nicht schwer, ihn zu finden. 

Code kopieren

Der Code lautet wie folgt:

jQuery.fn = jQuery.prototype = { 　init: function(selector, context) {//....　　　//……}

 
Original jQuery .fn = jQuery.prototype. Sie sind definitiv mit Prototypen vertraut. 

Zum Beispiel: 

Kopieren Sie den Code

Der Code lautet wie folgt:

jQuery.fn. test = function(){ alert("Dies ist eine jQuery-Objektmethode!"); jQuery("div").click(function(){ $(this).test (); //Rufen Sie die test()-Methode für das aktuelle jQuery-Objekt auf Wir können die jQuery.fn.extend()-Methode aufrufen Erstellen Sie eine jQuery-Objektmethode.

Code kopieren

 Der Code lautet wie folgt:

jQuery.fn .extend({
test : function( ){

return this.each(function(){ alert(this.nodeName) }); } }); jQuery("body *") click(function(){ $(this).test(); //JQuery-Objektmethode aufrufen

 
 Mit einem Wort: jQuery.extend ist eine benutzerdefinierte Erweiterung für die JQuery-Klasse, jQuery.fn.extend ist eine benutzerdefinierte Erweiterung für das JQuery-Objekt.