Maison >interface Web >js tutoriel >Partager l'utilisation détaillée de la fonction jQuery.extend

Partager l'utilisation détaillée de la fonction jQuery.extend

巴扎黑
巴扎黑original
2017-07-09 11:55:151002parcourir

J'ai récemment étudié jQuery. Enregistrez l'utilisation de la fonction de l'extension jQuery.extend .

1. Étendre la méthode jQuerystatique.

1Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extend$.extend( {
2Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extendtest :fonction(){alerte('fonction de test')}
3})

Utilisation : $.test()

2. Fusionner plusieurs objets.
comme jQuery.extend(css1,css2) à titre d'exemple, css1 et css2 ont des attributs(La méthode s'en occupera toujours, ici nous parlons d'attributs).
La fonction extend ajoutera les attributs que css2 a mais n'a pas dans css2 à css1 si un certain attribut de css2 partage le nom d'un. certain attribut de css1, alors Les propriétés de css2 seront utilisées pour écraser les propriétés du même nom de css1. css1 est l'objet d'intégration final. Ou vous pouvez également utiliser :
var newcss = jquery.extend(css1,css2) newcss est le nouvel objet fusionné.
var newcss = jquery.extend({},css1,css2) newcss est le nouvel objet fusionné et il ne détruit pas la structure de css1.

1 //Utilisation : jQuery.extend(obj1,obj2,obj3,..)
2Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extendvar Css1={taille : "10px", style : "oblique" }
3Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extendvar Css2={taille : "12px", style : "oblique", poids : "plus gras"}
4$.jQuery.extend(Css1,Css2)
5// Résultat : L'attribut size de Css1 est écrasé, et hérite de l'attributweight de Css2
6// Css1 = {taille : "12px", style : "oblique", poids : "plus audacieux"}
7



3. Objets profondément imbriqués
Le nouveau extend() vous permet de fusionner des objets imbriqués plus profondément. L’exemple ci-dessous en est une bonne preuve.

 1 // 以前的 .extend()   
 2   jQuery. extend(   
 3Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extend     { nom : "John", emplacement : { ville : « Boston » } },   
 4 Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extend     { dernier : "Resig", localisation : { état : "MA ” } }   
 5   );   
 6    // 结果 :   
7    // => { nom : "John", nom :  "Resig", localisation : { état :  "MA" } }
 8  // 新的更深入的 .extend()   
 9   jQuery.extend( true,   
10 Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extend   { nom : "John", localisation : { ville : « Boston » } },   
11Partager l'utilisation détaillée de la fonction jQuery.extendPartager l'utilisation détaillée de la fonction jQuery.extend      { dernier :  « Resig », localisation : { état :  « MA » } }    
12  );   
13  // 结果   
14    // => { nom : "John", nom de famille : "Resig",   
15   //      localisation : { ville :  « Boston », État :   « MA » } }  
16
17

   

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!

Déclaration:
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