Maison > Article > interface Web > Exemple d'utilisation de $.extend() dans jQuery_jquery

Exemple d'utilisation de $.extend() dans jQuery_jquery

WBOYoriginal: 2016-05-16 15:53:051362parcourir

L'exemple de cet article décrit l'utilisation de $.extend() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

La méthode $.extend() est définie comme suit :

jQuery.extend([deep], target, object1, [objectN])

Étendez un objet avec un ou plusieurs autres objets et renvoyez l'objet étendu.
Si aucune cible n'est spécifiée, l'espace de noms jQuery lui-même est développé. Cela aide les auteurs de plugins à ajouter de nouvelles méthodes à jQuery. Si le premier paramètre est défini sur true, jQuery renvoie une copie complète, copiant de manière récursive tous les objets trouvés. Sinon, la copie partagera la structure avec l'objet d'origine. Les propriétés non définies ne seront pas copiées, alors que les propriétés héritées du prototype de l'objet seront copiées.

Regardez le code ci-dessous pour savoir comment l'utiliser, veuillez consulter :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>extendFun</title>
<script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script>
<meta name="author" content="Administrator" />
<!-- Date: 2013-01-30 -->
<script type="text/javascript">
$(function () {
var pageConfig= {};
var pageConfig=$.extend(pageConfig,{
createUrl: '${ROOT}/subject/createOrModifyPageTemplates',
deleteUrl: '${ROOT}/subject/deletePageTemplates',
modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates',
infoName: 'pageTemplateInfo'
});
$("#subm").click(function(){
var posturl= pageConfig.deleteUrl;
alert(posturl);
});
})
</script>
</head>
<body>
<input id="subm" name="subm" type="button" value="clickme" >
</body>
</html>

Résultat de sortie : ${ROOT}/subject/deletePageTemplates

J'espère que cet article sera utile à la programmation jQuery de chacun.

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

Article précédent：Compréhension approfondie du concept de prototypes en programmation JavaScript_Connaissances de baseArticle suivant：Compréhension approfondie du concept de prototypes en programmation JavaScript_Connaissances de base

Articles Liés

Voir plus