Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit

Lerne kürzlich jQuery. Zeichnen Sie die Verwendung der jQuery.extend-Erweiterungsfunktion auf.

1. Erweitern Sie jQuerystatischeMethode.

1$.extend( {
2Test:Funktion(){alert('Testfunktion')}
3})

Verwendung: $.test()

2. Mehrere Objekte zusammenführen.
als Beispiel: css1 und css2 haben einige Attribute(Die Methode wird sich weiterhin damit befassen, hier sprechen wir über Attribute).
Die Erweiterungsfunktion fügt die Attribute, die css2 hat, aber nicht in css2 hat, zu css1 hinzu. Wenn ein bestimmtes Attribut von css2 den Namen von a teilt Bestimmte Attribute von CSS1, dann werden die Eigenschaften von CSS2 verwendet, um die gleichnamigen Eigenschaften von CSS1 zu überschreiben. CSS1 ist das endgültige Integrationsobjekt. Oder Sie können auch Folgendes verwenden:
var newcss = jquery.extend(css1,css2) newcss ist das zusammengeführte neue Objekt.
var newcss = jquery.extend({},css1,css2) newcss ist das zusammengeführte neue Objekt und zerstört nicht die Struktur von css1.

1 //Verwendung: jQuery.extend(obj1,obj2,obj3,..)
2var Css1={size: "10px", Stil: "schräg" }
3var Css2={size: "12px", Stil : "schräg",Gewicht: "fetter"}
4$.jQuery.extend(Css1,Css2)
5// Ergebnis: Das Größenattribut von Css1 wird überschrieben und erbt das Gewichtsattribut von Css2
6// Css1 = {size: "12px",style: "oblique",weight: "mutiger"🎜>
7

3. Tief verschachtelte ObjekteMit der neuen
extend() können Sie verschachtelte Objekte tiefer zusammenführen. Das folgende Beispiel ist ein guter Beweis.

 1 // 以前的 .extend()   
 2   jQuery. verlängern(   
 3     { Name: „John“, Ort: { Stadt: „Boston“ } },   
 4      { zuletzt: „Resig“, Ort: { Staat: „MA ” } }   
 5   );   
 6    // 结果:   
7    // => { Name: “John”, >  
// 新的更深入的 .extend()    9   jQuery.extend( true,   
10    { Name: „John“, Ort: { Stadt: „Boston“ } },   
11      { zuletzt: „Resig“, Ort: { Staat: „MA“ } }    
12  );   
13  // 结果   
14    // => { Name: “John”, //      Standort: { Stadt: „Boston“, Bundesstaat: „MA“ } }  
1617
   

Das obige ist der detaillierte Inhalt vonTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!