Zepto和jQuery的具體差異

2021-09-14 06:34:09 字數 1911 閱讀 6113

作為函式使用(引數)

1.function

2.html字串

3.dom code

4.選擇器字串

作為物件呼叫(方法)

$.ajax() $.get() $.post()

$.isarray()

$.each()

$.isfunction()

$.trim()

......

概念:jquery核心函式$()呼叫返回的物件就是jquery物件的

陣列(可能有只有乙個);

使用:1.addclass()

2.removeclass()

3.show()

4.find()

### zepto:

以上jquery的特性zepto同樣適用
科比

韋德鄧肯

吉諾比利

艾弗森

$(function());

});

第乙個console的輸出結果是undefined,undefined,selected,undefined,selected

第二個console的輸出結果是4個false,1個true

- prop多用在標籤的固有屬性,布林值屬性。比如:a標籤的href,class,selected等。

第乙個console的輸出結果是false,false,selected,false,selected

第二個console的輸出結果是4個false,1個true

- 在zepto中用attr也可以獲取布林值屬性.

$(function () );

});

$(function();

$.each(arr, function(index,item) );

$.each(obj, function(key,value) );

var str = 'abcdef';

$.each(str, function(index,item) );

})

$(function())
$(function())
注:上述所有獲取方法中,只有.css()獲取的值不是number型別,計算時需要轉換型別。

事件委託是指將事件委託給相同的祖先元素,可以給動態建立的新節點同時繫結上事件.
### 在script中為#box的子元素.a繫結cilik事件

$('#box').delegate('.a','click',function())
$('#box').on("click",'.a',function());
注 用delegate繫結事件委託時,先寫元素,再寫事件;on與之相反

還有一種繫結方法live, 在js1.7之後的版本已經廢除

zepto的官網表示已經廢除了live,delegate等。

委託的事件先被依次放入陣列佇列裡,然後由自身開始往後找直到找到最後,期間符合條件的元素委託的事件都會執行。

在zepto中事件委託有個bug,前提是必須滿足下面四個條件,需要注意!!!!!

1、委託在同乙個父元素,或者觸發的元素的事件範圍小於同型別事件(冒泡能冒到自身範圍)

2、同乙個事件

3、委託關聯 操作的類要進行關聯

4、繫結順序---從當前的位置往後看

zepto和jQuery的區別

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

zepto和jQuery的區別

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

zepto 和 jQuery 的data方法的區別

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