Quelles sont les différences entre jQuery et Zepto

Différences : 1. Dans Zepto, une grande quantité de code compatible jQuery a été supprimée pour les terminaux mobiles ; 2. La fonction de gestionnaire de l'événement de chargement ne sera pas exécutée lors de l'utilisation de jQuery ; l'événement sera exécuté lors de l'utilisation de Zepto 3 , zepto ne définit pas la méthode d'extension pour le prototype, mais jquery le fait.

L'environnement d'exploitation de ce tutoriel : système windows10, jquery2.2.4, cet article est applicable à toutes les marques d'ordinateurs.

La différence entre jQuery et Zepto

1 Zepto est plus léger

2 Zepto est une version simplifiée de jQuery, supprimant beaucoup de. pour les appareils mobiles, code compatible jQuery

3. Certaines API sont implémentées de différentes manières

1) Pour les programmes mobiles, Zepto propose des événements tactiles de base qui peuvent être utilisés pour l'interaction avec l'écran tactile (appuyez sur événements, événement de balayage), Zepto ne prend pas en charge le navigateur IE.

2), la différence dans les opérations DOM : jQuery ne prendra pas effet lors de l'ajout d'un identifiant mais Zepto prendra effet

(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), la différence dans le déclenchement d'événements : lors de l'utilisation de jquery, le gestionnaire la fonction de l'événement de chargement ne sera pas exécutée ; lors de l'utilisation de zepto, la fonction de gestionnaire de l'événement de chargement sera exécutée

(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);

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), la différence entre la délégation d'événement : dans zepto, tous les événements délégués sur le sélecteur sont mis dans une file d'attente à son tour, pendant que jquery Puis déléguez-le en plusieurs événements indépendants

5), la différence entre width() et height() : zepto est déterminé par le modèle de boîte (box-sizing), utilisez .width() pour renvoyer la largeur attribuée, utilisez . css('width') renvoie les résultats de la bordure, etc. ; jquery ignore le modèle de boîte et renvoie toujours la largeur/hauteur de la zone de contenu (à l'exclusion du remplissage et de la bordure).

6), la différence entre offset() : zepto Return {top,left,width,height} ; zepto ne peut pas obtenir la largeur et la hauteur des éléments cachés, jquery le peut

7), zepto ne définit pas la méthode d'extension pour le prototype, mais jquery l'a

8), chaque méthode de zepto ne peut que parcourir le tableau, pas parcourir les objets JSON.

jQuery et Zepto.js se ressemblent en surface. En fait, certains détails sont très différents. Prendre en charge jQuery et Zepto.js en même temps est une tâche ingrate. Cela devrait également être la raison pour laquelle Foundation 5. abandonne le soutien à la raison Zepto.

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!