ホームページ > 記事 > ウェブフロントエンド > jQueryとZeptoの違いは何ですか
#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。相違点: 1. Zepto では、モバイル端末用に大量の jQuery 互換コードが削除されました; 2. jQuery を使用する場合、load イベントのハンドラー関数は実行されません。 Zepto を使用すると、load イベントが実行されます。3、zepto はプロトタイプの extend メソッドを定義しませんが、jquery は定義します。
jQuery と Zepto の違い
1. Zepto はより軽量です2. Zepto は jQuery の合理化されたバージョンであり、多くの機能が削除されています。モバイル端末用の jQuery 互換コード3. 一部の API は異なる方法で実装されています1) モバイル プログラムの場合、Zepto にはタッチ スクリーン操作に使用できるいくつかの基本的なタッチ イベントがあります (タップ イベント) 、スワイプ イベント)、Zepto は IE ブラウザをサポートしていません。 2)、DOM 操作の違い: jQuery は ID の追加時に有効になりませんが、Zepto は有効になります(function($) { $(function() { var $insert = $('<p>jQuery 插入</p>', { id: 'insert-by-jquery' }); $insert.appendTo($('body')); }); })(window.jQuery); // <p>jQuery 插入<p> Zepto(function($) { var $insert = $('<p>Zepto 插入</p>', { id: 'insert-by-zepto' }); $insert.appendTo($('body')); }); // <p id="insert-by-zepto">Zepto 插入</p>3)、イベント トリガーの違い: jquery を使用する場合、ロード イベント ハンドラーは実行されません。zepto を使用すると、ロード イベントのハンドラー関数が実行されます (
(function($) { $(function() { $script = $('<script />', { src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js', id: 'ui-jquery' }); $script.appendTo($('body')); $script.on('load', function() { console.log('jQ script loaded'); }); }); })(window.jQuery); Zepto(function($) { $script = $('<script />', { src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js', id: 'ui-zepto' }); $script.appendTo($('body')); $script.on('load', function() { console.log('zepto script loaded'); }); });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 サイトの他の関連記事を参照してください。