Was sind die Unterschiede zwischen jQuery und Zepto?

Unterschiede: 1. In Zepto wurde eine große Menge an jQuery-kompatiblem Code für mobile Endgeräte entfernt. 2. Bei Verwendung von jQuery wird die Handler-Funktion des Ladeereignisses nicht ausgeführt Das Ladeereignis wird ausgeführt. 3. Es gibt keinen solchen Code in zepto. Definieren Sie die Erweiterungsmethode für den Prototyp, und jquery verfügt über ihn.

Die Betriebsumgebung dieses Tutorials: Windows10-System, jquery2.2.4, dieser Artikel gilt für alle Computermarken.

Der Unterschied zwischen jQuery und Zepto

1. Zepto ist eine optimierte Version von jQuery, die viel jQuery-kompatiblen Code für mobile Endgeräte entfernt

3 ist anders

1) Für mobile Anwendungen verfügt Zepto über einige grundlegende Touch-Events, die für die Touchscreen-Interaktion verwendet werden können (Tap-Events, Swipe-Events). Zepto unterstützt keine IE-Browser.

2) Unterschiede bei DOM-Operationen: jQuery wird beim Hinzufügen einer ID nicht wirksam, aber Zepto wird wirksam

(function($) {
     $(function() {
         var $insert = $(&#39;<p>jQuery 插入</p>&#39;, {
             id: &#39;insert-by-jquery&#39;
         });
         $insert.appendTo($(&#39;body&#39;));
     });
})(window.jQuery);   
// <p>jQuery 插入<p>

Zepto(function($) {  
    var $insert = $(&#39;<p>Zepto 插入</p>&#39;, {
        id: &#39;insert-by-zepto&#39;
    });
    $insert.appendTo($(&#39;body&#39;));
});
// <p id="insert-by-zepto">Zepto 插入</p>

3) Unterschiede bei der Ereignisauslösung: Bei Verwendung von jquery wird die Handlerfunktion des Ladeereignisses nicht ausgeführt Bei Zepto wird die Verarbeitungsfunktion nicht ausgeführt werden in mehrere unabhängige Ereignisse delegiert

5) , der Unterschied zwischen width() und height(): zepto wird durch das Box-Modell (Box-Sizing) bestimmt, verwenden Sie .width(), um die zugewiesene Breite zurückzugeben, verwenden Sie .css( 'Breite'), um die Ergebnisse von Rahmen usw. zurückzugeben; jquery ignoriert das Box-Modell und gibt immer die Breite/Höhe des Inhaltsbereichs zurück (ohne Polsterung und Rand).

6), der Unterschied zwischen offset(): zepto gibt {top, left, width, height} zurück; jquery gibt {width, height} zurück. zepto kann die Breite und Höhe versteckter Elemente nicht ermitteln, jquery kann

7), zepto definiert nicht die Erweiterungsmethode für den Prototyp, aber jquery hat

8), jede Methode von zepto kann nur Arrays durchqueren, keine JSON-Objekte.

jQuery und Zepto.js sehen auf den ersten Blick ähnlich aus. Tatsächlich sind einige Details sehr unterschiedlich. Die gleichzeitige Unterstützung von jQuery und Zepto.js dürfte einer der Gründe sein, warum Foundation 5 die Unterstützung aufgegeben hat Zepto.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Videokurse zum Programmieren

! !

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen jQuery und Zepto?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!