Maison > interface Web > js tutoriel > le corps du texte

Exemple détaillé d'utilisation simple de la fonction extend dans jQuery

小云云
Libérer: 2017-12-26 17:13:16
original
1472 Les gens l'ont consulté

Cet article présente principalement l'utilisation simple de la fonction extend dans jQuery et analyse brièvement les compétences opérationnelles associées de jQuery en utilisant la fonction extend pour étendre les propriétés des objets sous forme d'exemples. Les amis qui en ont besoin peuvent s'y référer. j'espère que cela pourra aider tout le monde.

L'exemple de cet article décrit l'utilisation simple de la fonction extend dans jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

var result=$.extend({},item,item1);
Copier après la connexion

étendre pour ajouter de nouveaux attributs à l'objet : les plug-ins js sont souvent utilisés pour configurer les paramètres
{} : le résultat de la fusion de l'élément et de l'élément1
élément : attribut par défaut
élément1 : nouvel attribut si les attributs de l'élément1 et de l'élément se chevauchent, les attributs de l'élément1 seront écrasés

<span id="Test"></span>
Copier après la connexion
var item={"name":"olive","age":23};
var item1={"name":"Momo",sex:"gril"};
var result=$.extend({},item,item1);
console.log(JSON.stringify(result));
$("#Test").text(JSON.stringify(result))
Copier après la connexion

Résultat :

Analyse :

Les résultats montrent que l'attribut name de item1 couvre l'attribut name de item, et que les attributs non chevauchants des objets item et item1 ne le seront pas. s'affectent mutuellement et seront hérités uniformément par l'objet résultat.Beaucoup js Le framework définit la configuration par défaut, puis via la fonction d'extension, l'utilisateur peut personnaliser la configuration appropriée, atteignant ainsi l'objectif d'une utilisation personnalisée du framework.

Recommandations associées :

Analyse de la méthode d'extension de Jquery

Explication détaillée des exemples d'utilisation de la méthode statique object.extend en Javascript

extend et fn.extend de jquery

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!