Maison > interface Web > js tutoriel > Introduction à l'utilisation de extend dans JQuery_jquery

Introduction à l'utilisation de extend dans JQuery_jquery

WBOY
Libérer: 2016-05-16 16:55:51
original
848 Les gens l'ont consulté

Le prototype de la méthode extend dans Jquery est :
 
1 extend(dest,src1,src2,src3...);
Cela signifie étendre src1,src2,src3...); Fusionné dans dest, la valeur de retour est la destination fusionnée. On peut voir que cette méthode modifie la structure de dest après la fusion. Si vous souhaitez obtenir le résultat fusionné mais ne souhaitez pas modifier la structure dest, vous pouvez l'utiliser comme suit :

2. var newSrc=$.extend({},src1,src2,src3. ..)//c'est-à-dire Utilisez "{}" comme paramètre dest.
De cette façon, src1, src2, src3... peuvent être fusionnés, puis le résultat fusionné sera renvoyé à newSrc.
L'exemple suivant :

Copier le code Le code est le suivant :

var result =$.extend ({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

Puis le résultat fusionné
result={ name:"Jerry",age:21,sex:"Boy"}
C'est-à-dire que si le dernier paramètre a le même nom que le paramètre précédent, alors le dernier paramètre écrasera la valeur du paramètre précédent .

3. extend(boolean,dest,src1,src2,src3...)
Le premier paramètre booléen représente s'il faut effectuer une copie complète, et les autres paramètres sont les mêmes que ceux introduits précédemment
Par exemple
Copier le code Le code est le suivant :

var result=$.extend ( true, {},
{ nom : "John", emplacement : {ville : "Boston", comté : "USA"} },
{ dernier : "Resig", emplacement : {état : "MA ",county:"China"} } );

On peut voir que l'emplacement du sous-objet : {city: "Boston"} est imbriqué dans src1, et l'emplacement du sous-objet : { state: "MA"} est également imbriqué dans src2. Si un paramètre de copie complète est vrai, alors le résultat fusionné est :
Copier le code <.> Le code est le suivant :
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:" Chine"}}

Aussi C'est-à-dire qu'il fusionnera également les sous-objets imbriqués dans src, et si le premier paramètre booléen est faux, voyons quel est le résultat de la fusion, comme suit :

Copier le code Le code est le suivant :
var result=$.extend ( false, {},
{ nom : "John", emplacement :{ ville : "Boston", comté : "USA"} },
{ dernier : "Resig", emplacement : {état : "MA ",county:"China"} } );

Ensuite, le résultat fusionné est :

Copier le code Le code est le suivant :
result={name :"John",last:"Resig",location:{state:"MA",county:"China"}}

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal