Maison >interface Web >js tutoriel >Partager l'utilisation détaillée de la fonction jQuery.extend
J'ai récemment étudié jQuery. Enregistrez l'utilisation de la fonction de l'extension jQuery.extend .
1. Étendre la méthode jQuerystatique.
1$.extend( {
2test :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,..)
2var Css1={taille : "10px", style : "oblique" }
3var 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(
3 { nom : "John", emplacement : { ville : « Boston » } },
4 { dernier : "Resig", localisation : { état : "MA ” } }
5 );
6 // 结果 :
7 // => { nom : "John", nom : "Resig", localisation : { état : "MA" } }
8 // 新的更深入的 .extend()
9 jQuery.extend( true,
10 { nom : "John", localisation : { ville : « Boston » } },
11 { 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!