网页 综合 更新时间 2026-11-13 14:53:21

Zepto.js (1.1.6) API 中文文档-轻量级兼容jQuery的JavaScript库

自动蜘蛛 www.runoob.com 正文约 2448 字
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。
Zepto 是一款开源软件,它可以被开发者和商业发布。 MIT license.
默认构建包含以下模块: Core, Ajax, Event, Form, IE.
Zepto v1.0 默认捆绑了Effects, iOS3, 和 Detect 模块。 请参阅下面的 可选模块(optional modules)。
Or grab the latest version on GitHub.
用一个script标签引入Zepto到你的页面的底部:
如果$变量尚未定义,Zepto只设置全局变量$指向它本身。 没有Zepto.noConflict方法。
如果你需要支持旧的浏览器,如Internet Explorer 9或以下,你可以退回到jQuery的1.x。
需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的;因为它的最初目标在移动端提供一个精简的类似jquery的js库。
在浏览器上(Safari、Chrome和Firefox)上开发页面应用或者构建基于html的web-view本地应用,你如PhoneGap,使用Zepto是一个不错的选择。
总之,Zepto希望在所有的现代浏览器中作为一种基础环境来使用。Zepto不支持旧版本的Internet Explorer浏览器(<10)。
zepto.js和zepto.min.js提供以上使用方式。 然而,为了更好的程序效果和自由性,可以在使用Zepto源码构建Zepto.js和zepto.min.js的时候选择模块并作测试, 使用UglifyJS根据你的需要来生成(当服务端开启gzipped后,最精简的代码)代码。
关于如何建立Zepto的the README,包含运行测试和补丁。
可以通过添加方法作为 $.fn 的属性来写插件:
为了更好开始开发插件,先看下source of Zepto's core module,并确认读过coding style guidelines
通过执行css选择器,包装dom节点,或者通过一个html字符串创建多个元素 来创建一个Zepto集合对象。
Zepto集合是一个类似数组的对象,它具有链式方法来操作它指向的DOM节点,除了$( Zepto)对象上的直接方法外(如$.extend),文档对象中的所有方法都是集合方法。
如果选择器中存在content参数(css选择器,dom,或者Zepto集合对象),那么只在所给的节点背景下进行css选择器;这个功能和使用$(context).find(selector)是一样的。
当给定一个html字符串片段来创建一个dom节点时。也可以通过给定一组属性映射来创建节点。最快的创建但元素,使用<div> 或 <div/>形式。
当一个函数附加在 DOMContentLoaded 事件的处理流程中。如果页面已经加载完毕,这个方法将会立即被执行。
不支持jQuery CSS 扩展, 然而,可选的“selector”模块有限提供了支持几个最常用的伪选择器,而且可以被丢弃,与现有的代码或插件的兼容执行。
如果$变量尚未定义,Zepto只设置了全局变量$指向它本身。允许您同时使用的Zepto和有用的遗留代码,例如,prototype.js。只要首先加载Prototype,Zepto将不会覆盖Prototype的 $ 函数。Zepto将始终设置全局变量Zepto指向它本身。
将一组字符串变成“骆驼”命名法的新字符串,如果该字符已经是“骆驼”命名法,则不变化。
检查父节点是否包含给定的dom节点,如果两者是相同的节点,则返回 false。
遍历数组元素或以key-value值对方式遍历对象。回调函数返回 false 时停止遍历。
通过源对象扩展目标对象的属性,源对象属性将覆盖目标对象属性。
默认情况下为,复制为浅拷贝(浅复制)。如果第一个参数为true表示深度拷贝(深度复制)。
Zepto.fn是一个对象,它拥有Zepto对象上所有可用的方法,如 addClass(), attr(),和其它方法。在这个对象添加一个方法,所有的Zepto对象上都能用到该方法。
这里有一个实现 Zepto 的 empty() 方法的例子:
获取一个新数组,新数组只包含回调函数中返回 ture 的数组项。
返回数组中指定元素的索引值(愚人码头注:以0为基数),如果没有找到该元素则返回-1。
愚人码头注:[fromIndex] 参数可选,表示从哪个索引值开始向后查找。
如果object是array,则返回ture。
如果object是function,则返回ture。
测试对象是否是“纯粹”的对象,这个对象是通过 对象常量("{}") 或者 new Object 创建的,如果是,则返回true。
如果object参数是否为一个window对象,那么返回true。这在处理iframe时非常有用,因为每个iframe都有它们自己的window对象,使用常规方法obj === window校验这些objects的时候会失败。
通过遍历集合中的元素,返回通过迭代函数的全部结果,(愚人码头注:一个新数组)null 和 undefined 将被过滤掉。
原生JSON.parse方法的别名。(愚人码头注:接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript 对象。)
删除字符串首尾的空白符。类似String.prototype.trim()。
访问原文 返回搜索 https://www.runoob.com/manual/zeptojs.html
本页为82搜索生成的网页快照,内容来自站内索引;演示数据的原文链接仅作示例。