Das Beispiel in diesem Artikel beschreibt die Verwendung von $.extend() in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Die Methode $.extend() ist wie folgt definiert:
jQuery.extend([deep], target, object1, [objectN])
Erweitern Sie ein Objekt mit einem oder mehreren anderen Objekten und geben Sie das erweiterte Objekt zurück.
Wenn kein Ziel angegeben ist, wird der jQuery-Namespace selbst erweitert. Dies hilft Plugin-Autoren, neue Methoden zu jQuery hinzuzufügen. Wenn der erste Parameter auf „true“ gesetzt ist, gibt jQuery eine tiefe Kopie zurück und kopiert alle gefundenen Objekte rekursiv. Andernfalls teilt die Kopie die Struktur mit dem Originalobjekt. Nicht definierte Eigenschaften werden nicht kopiert, wohingegen Eigenschaften, die vom Prototyp des Objekts geerbt wurden, kopiert werden.
Sehen Sie sich den Code unten an, um zu erfahren, wie Sie ihn verwenden. Bitte lesen Sie:
<!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>
Ausgabeergebnis: ${ROOT}/subject/deletePageTemplates
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.