zepto和jQuery的區別

2022-05-07 14:00:09 字數 767 閱讀 8097

優點:

zepto可以說是jquery的子集,按照官方文件來說,會jquery就會zepto

區別:

1.zepto主要用於移動端

2,dom操作的區別:新增id時jquery不會生效而zepto會生效。

3,事件觸發的區別:使用 jquery 時 load 事件的處理函式不會執行;使用 zepto 時 load 事件的處理函式會執行。

4,事件委託的區別:

5,width()和height()的區別:zepto由盒模型(box-sizing)決定,用.width()返回賦值的width,用.css('width')返回加border等的結果;jquery會忽略盒模型,始終返回內容區域的寬/高(不包含padding、border)。

6,offset()的區別:zepto返回;jquery返回。

7,zepto無法獲取隱藏元素寬高,jquery 可以。

8,zepto中沒有為原型定義extend方法而jquery有。

9,zepto 的each 方法只能遍歷 陣列,不能遍歷json物件。

10,zepto在操作dom的selected和checked屬性時盡量使用prop方法,在讀取屬性值的情況下優先於attr。zepto獲取select元素的選中option不能用類似jquery的方法$('option[selected]'),因為selected屬性不是css的標準屬性。應該使用$('option').not(function())。

參考文件:

zepto和jQuery的區別

zepto可以說是jquery的子集,按照官方文件來說,會jquery就會zepto zepto更輕量級 zepto是jquery的精簡,針對移動端去除了大量jquery的相容 部分api的實現方式不同 區別 1.zepto主要用於移動端 2,dom操作的區別 新增id時jquery不會生效而zep...

Zepto和jQuery的具體差異

作為函式使用 引數 1.function 2.html字串 3.dom code 4.選擇器字串 作為物件呼叫 方法 ajax get post isarray each isfunction trim 概念 jquery核心函式 呼叫返回的物件就是jquery物件的 陣列 可能有只有乙個 使用 1...

zepto 和 jQuery 的data方法的區別

zepto坑之一,data和jquery的data方法有區別。眾所周知,data 方法很好用,而且效率相當不錯,如 tableid data style 就是讀取tableid上面的屬性data style的值。但是需要注意的點是 區分大小寫,且只能小寫,即,data 其中不管 是大小寫,讀取統一小...