jQueryとZeptoの違いは何ですか-jsチュートリアル-php.cn

jQueryとZeptoの違いは何ですか

青灯夜游

リリース： 2020-11-30 11:42:19

オリジナル

1994 人が閲覧しました

相違点: 1. Zepto では、モバイル端末用に大量の jQuery 互換コードが削除されました; 2. jQuery を使用する場合、load イベントのハンドラー関数は実行されません。 Zepto を使用すると、load イベントが実行されます。3、zepto はプロトタイプの extend メソッドを定義しませんが、jquery は定義します。

jQueryとZeptoの違いは何ですか

#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。

jQuery と Zepto の違い

1. Zepto はより軽量です

2. Zepto は jQuery の合理化されたバージョンであり、多くの機能が削除されています。モバイル端末用の jQuery 互換コード

3. 一部の API は異なる方法で実装されています

1) モバイルプログラムの場合、Zepto にはタッチスクリーン操作に使用できるいくつかの基本的なタッチイベントがあります (タップイベント) 、スワイプイベント）、Zepto は IE ブラウザをサポートしていません。

2)、DOM 操作の違い: jQuery は ID の追加時に有効になりませんが、Zepto は有効になります

(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)、イベントトリガーの違い: jquery を使用する場合、ロードイベントハンドラーは実行されません。zepto を使用すると、ロードイベントのハンドラー関数が実行されます (

(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)、イベント委任との違い: zepto では、セレクター上のすべての委任されたイベントは、 jquery 内で順番にキューを作成します。次に、それを複数の独立したイベントに委任します。

5)、width() と height() の違い: zepto はボックスモデル (ボックスサイズ) によって決まります。.width を使用します。 () 割り当てられた幅を返すには、を使用します。 css('width') はボーダーなどの結果を返します; jquery はボックスモデルを無視し、常にコンテンツ領域の幅/高さを返します (パディングとボーダーを除く)。

#6)、offset() の違い: zepto Return {top,left,width,height}; jquery は {width,height} を返します。 zepto は隠し要素の幅と高さを取得できません。jquery は

7)、zepto はプロトタイプの extend メソッドを定義していませんが、jquery には

8)、zepto の各メソッドはJSON オブジェクトを反復処理するのではなく、配列を走査します。

jQuery と Zepto.js は表面的には似ています。実際、細部は大きく異なります。jQuery と Zepto.js を同時にサポートすることは、ありがたい仕事です。これが Foundation 5 が提供した理由です。 Zeptoをサポートする理由。

プログラミング関連の知識について詳しくは、

プログラミングビデオコース

をご覧ください。！

以上がjQueryとZeptoの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。