Sind Jquery und Zepto dasselbe?

jquery und zepto sind unterschiedlich. Obwohl es sich bei beiden um JavaScript-Bibliotheken handelt, gibt es Unterschiede: 1. Wenn die Dom-Operation eine ID hinzufügt, wird jquery nicht wirksam, Zepto jedoch. 2. jquery führt die Verarbeitungsfunktion des Ladeereignisses nicht aus, während zepto ausgeführt wird die Verarbeitungsfunktion des Ladeereignisses.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Sind jquery und zepto gleich?

jquery und zepto sind unterschiedlich

jquery:

jQuery ist eine einfache und schnelle JavaScript-Bibliothek, die zur Vereinfachung der Ereignisverarbeitung und des Durchlaufens von HTML-Dokumenten verwendet werden kann. Ajax-Interaktionen und Animationen für eine schnelle Website-Entwicklung. jQuery vereinfacht die clientseitige Skripterstellung von HTML und erleichtert so die Entwicklung von Web 2.0-Anwendungen.

Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt häufig verwendete Funktionscodes in JavaScript, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.

zepto:

Zepto ist eine leichte JavaScript-Bibliothek, die speziell für moderne Smartphone-Browser entwickelt wurde. Ihre Dateigröße beträgt nur etwa 10 KB, sie ist mit modernen erweiterten Browsern kompatibel und wird hauptsächlich für die mobile Entwicklung verwendet. Sie verfügt über eine ähnliche API jQuery. Wie es auf der offiziellen Website von zepto heißt: Wenn Sie jQuery verwenden können, werden Sie auch zepto verwenden.

Gleiche Punkte:

Zepto war ursprünglich eine für mobile Endgeräte entwickelte Bibliothek und ist eine leichte Alternative zu jQuery, da seine API jQuery ähnelt und die Dateigröße kleiner ist.

Der größte Vorteil von Zepto ist seine Dateigröße, die knapp über 8 KB beträgt. Es ist die kleinste unter den derzeit voll funktionsfähigen Bibliotheken. Obwohl sie nicht groß ist, reichen die von Zepto bereitgestellten Tools aus, um die Anforderungen der Programmentwicklung zu erfüllen.

Die meisten der häufig verwendeten APIs und Methoden in jQuery sind in Zepto verfügbar, und es gibt einige in Zepto, die in jQuery nicht zu finden sind.

Da die meisten APIs von Zepto mit jQuery kompatibel sind, ist es außerdem äußerst einfach zu verwenden. Wenn Sie mit jQuery vertraut sind, können Sie Zepto problemlos beherrschen.

Sie können viele Methoden in jQuery auf die gleiche Weise wiederverwenden und Methoden aneinanderreihen, um prägnanteren Code zu erhalten, ohne sich die Dokumentation anzusehen.

Unterschiede:

1. IE-Browser-Unterstützung

Für mobile Programme verfügt Zepto über einige grundlegende Touch-Ereignisse, die für die Touchscreen-Interaktion verwendet werden können (Tipp-Ereignisse, Wisch-Ereignisse), Zepto ist der IE-Browser nicht unterstützt. Dies liegt nicht daran, dass der Zepto-Entwickler Thomas Fucks über das Cross-Browser-Problem verwirrt war, sondern an einer Entscheidung, die nach sorgfältiger Überlegung getroffen wurde, um die Dateigröße zu reduzieren, genau wie das jQuery-Team in Version 2.0. Ältere Versionen von IE (6, 7, 8) werden nicht mehr unterstützt.

Da Zepto die jQuery-Syntax verwendet, empfiehlt es in seiner Dokumentation die Verwendung von jQuery als Fallback-Bibliothek im IE. Auf diese Weise kann das Programm weiterhin im IE ausgeführt werden und andere Browser können den Dateigrößenvorteil von Zepto nutzen. Allerdings sind die APIs der beiden nicht vollständig kompatibel. Seien Sie daher vorsichtig und führen Sie bei der Verwendung dieser Methode ausreichende Recherchen durch.

2. Der Unterschied zwischen Dom-Operationen: jQuery wird beim Hinzufügen einer ID nicht wirksam, Zepto jedoch.

Die ID auf der von jQuery betriebenen UL wird nicht hinzugefügt.

(function($) {
  $(function() {
    var $list = $(&#39;<ul><li>jQuery 插入</li></ul>&#39;, {
      id: &#39;insert-by-jquery&#39;
    });
    $list.appendTo($(&#39;body&#39;));
  });})(window.jQuery);
Zepto 可以在 ul 上添加 id。
Zepto(function($) {
  var $list = $(&#39;<ul><li>Zepto 插入</li></ul>&#39;, {
    id: &#39;insert-by-zepto&#39;
  });
  $list.appendTo($(&#39;body&#39;));
});

3. Unterschiede bei der Ereignisauslösung:

Die Handlerfunktion des Ladeereignisses wird bei Verwendung von jquery nicht ausgeführt;

(function($) {
    $(function() {    
        $script = $(&#39;<script />&#39;, {
            src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
            id: &#39;ui-jquery&#39;
        });
        $script.appendTo($(&#39;body&#39;));
        $script.on(&#39;load&#39;, function() {
            console.log(&#39;jQ script loaded&#39;);
        });
    });})(window.jQuery);

Die Handlerfunktion des Ladeereignisses wird bei Verwendung von zepto ausgeführt

Zepto(function($) {  
    $script = $(&#39;<script />&#39;, {
        src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
        id: &#39;ui-zepto&#39;
    });
    $script.appendTo($(&#39;body&#39;));
    $script.on(&#39;load&#39;, function() {
        console.log(&#39;zepto script loaded&#39;);
    });});

4 , width() und height Der Unterschied zwischen ():

Zepto wird durch das Box-Modell (Box-Sizing) bestimmt, verwenden Sie .width(), um die zugewiesene Breite zurückzugeben, verwenden Sie .css('width'), um die zurückzugeben Ergebnis des Hinzufügens eines Rahmens usw.; jQuery ignoriert das Box-Modell und gibt immer die Breite/Höhe des Inhaltsbereichs zurück (ohne Abstand und Rand).

5. Der Unterschied zwischen offset():

Zepto gibt {top, left, width, height} zurück; jQuery gibt {width, height} zurück.

6. Zepto kann die Breite und Höhe versteckter Elemente nicht ermitteln, jQuery jedoch.

7. Zepto definiert die Extend-Methode für den Prototyp nicht, jQuery jedoch.

8. Die einzelnen Methoden von Zepto können nur Arrays durchlaufen, keine JSON-Objekte.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSind Jquery und Zepto dasselbe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!