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

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.