Heim > Web-Frontend > js-Tutorial > Hauptteil

Der Unterschied und die Verwendung von jquery.extend und jquery.fn.extend

巴扎黑
Freigeben: 2017-07-09 11:53:06
Original
1078 Leute haben es durchsucht

Die Methode

$.extend() hat in JQuery zwei Verwendungszwecke: Die erste ist die Erweiterungsmethode und die zweite wird mit jquery Inherit Weg 1>

Erweiterungsmethode
jQuery.extend
Die Die Erweiterung des jQuery-Objekts kann als statische -Methode verstanden werden, die global ist und ohne eine Instanz von jQuery verwendet werden kann.
JAVASCRIPT

:


2> Vererbungsmethode der jQuery-Implementierung
<code>jQuery.extend({  <br>    min: function(a, b) {  return a < b ? a : b; },<br/>    max: function(a, b) { return a > b ? a : b; }<br> });</code>
Nach dem Login kopieren

jQuery.extend([tief]

, Ziel,

Objekt1, [ObjektN])Rückgabewert: Objekt

2 Objekte zusammenführen Um ein neues Ziel zu erhalten, ist Deep optional (

Rekursiv

Zusammenführen)

Einstellungen und Optionen zusammenführen, Einstellungen ändern und zurückgeben.

jQuery-Code:

Ergebnis:var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options);

Beschreibung:settings == { validate: true, limit: 5, name: "bar" }

Standardeinstellungen und Optionen zusammenführen, ohne Standardeinstellungen zu ändern.

jQuery-Code:

Ergebnis:var empty = {}; var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; var settings = jQuery.extend(empty, defaults, options);

settings == { validieren: wahr, limit : 5, Name: „bar“
jQuery.fn.extend

settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

JAVASCRIPT:

对jQuery元素的扩展,只能用在jQuery元素上,可以理解为普通方法。定义插件时需要返回this,以支持jQuery的链式操作。
Nach dem Login kopieren

  • Das obige ist der detaillierte Inhalt vonDer Unterschied und die Verwendung von jquery.extend und jquery.fn.extend. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage