zepto和jQuery的區別

2021-10-08 02:35:22 字數 1094 閱讀 4228

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

zepto更輕量級

zepto是jquery的精簡,針對移動端去除了大量jquery的相容**

部分api的實現方式不同

區別:

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的方法(′o

ptio

n[se

lect

ed]′

),因為

sele

cted

屬性不是

css的

標準屬性

。應該使

用('option[selected]'),因為selected屬性不是css的標準屬性。應該使用

(′opti

on[s

elec

ted]

′),因

為sel

ecte

d屬性不

是css

的標準屬

性。應該

使用(『option』).not(function())。

zepto和jQuery的區別

優點 zepto可以說是jquery的子集,按照官方文件來說,會jquery就會zepto 區別 1.zepto主要用於移動端 2,dom操作的區別 新增id時jquery不會生效而zepto會生效。3,事件觸發的區別 使用 jquery 時 load 事件的處理函式不會執行 使用 zepto 時 ...

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 其中不管 是大小寫,讀取統一小...