Heim > Web-Frontend > js-Tutorial > Hauptteil

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

巴扎黑
Freigeben: 2017-07-09 11:55:15
Original
991 Leute haben es durchsucht

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

1. Erweitern Sie jQuerystatischeMethode.

1Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit$.extend( {
2Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTest: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,..)
2Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitvar Css1={size: "10px", Stil: "schräg" }
3Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitvar 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(   
 3Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit     { Name: „John“, Ort: { Stadt: „Boston“ } },   
 4 Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit     { zuletzt: „Resig“, Ort: { Staat: „MA ” } }   
 5   );   
 6    // 结果:   
7    // => { Name: “John”, >  
//
 新的更深入的 .extend()    9   jQuery.extend( true,   
10 Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit   { Name: „John“, Ort: { Stadt: „Boston“ } },   
11Teilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mitTeilen Sie die detaillierte Verwendung der jQuery.extend-Funktion mit      { 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage