這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)zepto和jquery有什么區(qū)別，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鹿邑免費(fèi)建站歡迎大家使用！
zepto是什么？
Zepto是一個(gè)基于jQuery庫的現(xiàn)代瀏覽器的極簡主義JavaScript庫。Zepto的API和語法與jQuery的API和語法相同，所以如果你知道jQuery，你就知道Zepto了。
Zepto是一個(gè)真正的移動優(yōu)化庫，它對于完整的Javascript庫來說，是一個(gè)非常小的文件大小，非常適合創(chuàng)建移動應(yīng)用程序。Javascript庫加載到我們網(wǎng)頁上的速度越快。
zepto和jquery的區(qū)別有哪些？
1、DOM 操作區(qū)別
DOM 操作在添加id時(shí)，jQuery不會生效，而Zepto會生效
重慶分公司
重慶分公司
(function($) {
$(function() {
var $list = $('jQuery操作的 ul 上的 id 不會被添加。
Zepto(function($) {
var $list = $('Zepto 可以在 ul 上添加 id。
2、事件觸發(fā)區(qū)別
使用jquery時(shí)，不會執(zhí)行l(wèi)oad事件的處理函數(shù)。例：
(function($) {
$(function() {
$script = $('', {
src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.min.js',
id: 'ui-jquery'
});
$script.appendTo($('body'));
$script.on('load', function() {
console.log('jQ script loaded');
});
});})(window.jQuery);使用 Zepto時(shí)，會執(zhí)行l(wèi)oad 事件的處理函數(shù)。例：
Zepto(function($) {
$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');
});});3、width() 或 height()的區(qū)別：
在Zepto和jQuery中使用width() 或 height()獲取的值是不一樣的：
在Zepto中width() 與 height()獲取的值由盒模型（box-sizing）決定。
在jQuery中，會忽略盒模型，width() 與 height()始終返回內(nèi)容區(qū)域中不包含內(nèi)邊距（padding屬性）、邊框?qū)挾龋╞order）的寬和高。
例：邊框三角形寬高的獲取
假設(shè)用下面的 HTML 和 CSS 畫了一個(gè)小三角形：
.caret {
width: 0;
height: 0;
border-width: 0 100px 100px;
border-color: transparent transparent blue;
border-style: none dotted solid;
}運(yùn)行結(jié)果：
則，jQuery使用 .width() 和 .css('width') 都返回 0px，高度也一樣返回0px；而Zepto 使用 .width()會返回 200px，使用 .css('width')則返回 0px。
4、offset()的區(qū)別
Zepto offset()處理角度與jQuery不同。在Zepto中，offset()會獲取并返回 top、left、width、height四個(gè)值；在jquery中，offset()就只獲取并返回width、height兩個(gè)值。
如果是隱藏元素，Zepto無法獲取其寬高；但jquery可以獲取隱藏元素的寬高。
5、data()的區(qū)別
與jQuery不同，Zepto不會嘗試從存儲在data-*屬性中的值進(jìn)行任何類型的推斷。
6、clone()的區(qū)別
Zepto clone()不支持傳遞參數(shù)來克隆事件處理程序，但jQuery支持。
上述就是小編為大家分享的zepto和jquery有什么區(qū)別了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
