suchen

Heim >Web-Frontend >js-Tutorial >Beispiel für die Verwendung von $.extend() in jQuery_jquery

Beispiel für die Verwendung von $.extend() in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 15:53:051420Durchsuche

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.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Vertieftes Verständnis des Konzepts von Prototypen in der JavaScript-Programmierung_GrundkenntnisseNächster Artikel：Vertieftes Verständnis des Konzepts von Prototypen in der JavaScript-Programmierung_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen