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.