Maison > interface Web > js tutoriel > Explication détaillée des exemples d'utilisation de la fonction jQuery.extend

Explication détaillée des exemples d'utilisation de la fonction jQuery.extend

巴扎黑
Libérer: 2017-07-09 16:41:26
original
1140 Les gens l'ont consulté

Méthode d'extension d'extension de

JQuery :
La méthode d'extension de Jquery extend est une méthode couramment utilisée lorsque nous écrivons des plug-ins. Cette méthode présente des surcharges <.>Prototype, ici, découvrons-le ensemble.  
1. Le prototype de la méthode d'extension de Jquery est :  


extend(dest,src1,src2,src3.. . );

Cela signifie fusionner src1, src2, src3... dans dest, et la valeur de retour est la destination fusionnée. On peut voir qu'après la fusion, cette méthode est modifiée. dest. Si vous souhaitez obtenir le résultat fusionné mais ne souhaitez pas modifier la structure dest, vous pouvez l'utiliser comme suit :


var newSrc=$.extend({} ,src1,src2,src3 ..)//C'est-à-dire, utilisez "{}" comme paramètre dest.

De cette façon, vous pouvez fusionner src1, src2, src3... puis renvoyer le résultat fusionné à newSrc. Par exemple :


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.

2. Omettre le paramètre dest Le paramètre dest dans le prototype de la méthode extend ci-dessus peut être omis s'il est omis, la méthode ne peut en avoir qu'un. src et fusionnez le src dans l'
objet qui appelle la méthode extend, tel que :  
1, $.extend(src)
Cette méthode consiste à fusionner src Fusionner dans l'objet global de jquery, tel que :


$.extend({

hello:function(){alert('hello') ;🎜> });

Il s'agit de fusionner la méthode hello dans l'objet global de jquery.

 
2. $.fn.extend(src)
Cette méthode fusionne src dans l'objet d'instance jquery, tel que :


$.fn.extend({

hello:function(){alert('hello');}

});

  Il s'agit de fusionner la méthode hello dans Dans l'objet d'instance jquery.

Voici quelques exemples d'extensions couramment utilisées :


$.extend({net:{}});

  Il s'agit d'étendre un espace de noms net

dans l'objet global jquery.


$.extend($.net,{

bonjour:fonction(){alert('bonjour');}

})

Il s'agit d'étendre la méthode hello dans l'espace de noms Jquery net précédemment étendu.


3. La méthode extend de Jquery a également un prototype surchargé :


extend(boolean,dest,src1,src2, src3. ..)

Le premier paramètre booléen représente s'il faut effectuer une copie profonde. Les autres paramètres sont cohérents avec ceux introduits précédemment. Regardons un exemple :


.


var result=$.extend( true, {},

{ nom : "John", emplacement : {ville : "Boston",

count
y:" USA "} }, { last: "Resig", location: {state: "MA",county:"China"} } );

Nous pouvons voir qu'il y a des sous-chaînes imbriquées dans src1 L'emplacement de l'objet : {city : "Boston"}, l'emplacement du sous-objet : {state : "MA"} est également imbriqué dans src2, le premier paramètre de copie complète est vrai, puis le résultat fusionné est :



result={name:"John",last:"Resig",

location:{city:"Boston",state:"MA",county:"Chine" }}


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


var result=$.extend( false, {},

{ nom : "John", emplacement :{ville : "Boston", comté : "USA" } },

{ dernier : "Resig", location : {state: "MA",county:"China"} }
              );


Ensuite, le résultat fusionné est :


result={name:"John",last:"Resig",location:{state:"MA " ,county:"China"}}

Voici quelques détails ci-dessus selon lesquels $.extend() est souvent utilisé dans les projets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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