2018-05-16 admin


什么是zepto,Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript 库, 它与 jQuery 有着类似的 API。 如果你会用 jQuery,那么你也会用 Zepto。


Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.

See zeptojs.com for an extended introduction, downloads and documentation.

Zepto.js is licensed under the terms of the MIT License.

Want to give us money or a tip? Don’t. Instead please donate to charity: water.


Build Status

The official site offers a download of the default distribution of Zepto. This is good for starting out. However, at some point you might want to add some optional modules and remove some of the default ones you don’t need, to keep the size at a minimum. That’s when you need to check out Zepto’s source code and use the build commands.

You will need Node.js installed on your system.

$ npm install
$ npm run-script dist

# do a custom build
$ MODULES="zepto event data" npm run-script dist

# on Windows
c:\zepto> SET MODULES=zepto event data
c:\zepto> npm run-script dist

The resulting files are:

  1. dist/zepto.js
  2. dist/zepto.min.js

If you install CoffeeScript globally, you can run make directly:

# one-time operation
$ npm install coffee-script --global

$ coffee make dist
$ MODULES="zepto event data ..." ./make dist

# on Windows
c:\zepto> SET MODULES=zepto event data
c:\zepto> coffee make dist

Zepto modules

Zepto modules are individual files in the “src/” directory.

module default description
zepto Core module; contains most methods
event Event handling via on() & off()
ajax XMLHttpRequest and JSONP functionality
form Serialize & submit web forms
ie Support for Internet Explorer 10+ on the desktop and Windows Phone 8
detect Provides $.os and $.browser information
fx The animate() method
fx_methods Animated show, hide, toggle, and fade*() methods.
assets Experimental support for cleaning up iOS memory after removing image elements from the DOM.
data A full-blown data() method, capable of storing arbitrary objects in memory.
deferred Provides $.Deferred promises API. Depends on the “callbacks” module.
callbacks Provides $.Callbacks for use in “deferred” module.
selector Experimental jQuery CSS extensions support for functionality such as $('div:first') and el.is(':visible').
touch Fires tap– and swipe–related events on touch devices. This works with both touch (iOS, Android) and pointer events (Windows Phone).
gesture Fires pinch gesture events on touch devices
stack Provides andSelf & end() chaining methods
ios3 String.prototype.trim and Array.prototype.reduce methods (if they are missing) for compatibility with iOS 3.x.


Please read our contribution guidelines for information on how to contribute.

Get in touch:

Write documentation

Zepto docs are written in Markdown and live in the “gh-pages” branch. They are published on zeptojs.com.

You can use GitHub’s web interface to make quick changes to documentation for specific Zepto features (example: ajaxSettings). This will submit a pull request to us that we can review.

Report a bug

  1. Check if the bug is already fixed in the master branch since the last release.
  2. Check existing issues. Open a new one, including exact browser & platform information. For better formatting of your report, see GitHub-flavored Markdown.

Running tests

You will need to install PhantomJS. On OS X, that’s easy:

To run the automated tests:

To run a test server, which you can hit with your browsers and devices:

Go to http://your-ip-address:3000/ on your browser and follow the instructions. For your convenience test failures and exceptions will be reported to the the console you started the test server in (as well as the browser console if available).


转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]



Zepto trigger
trigger(event, [args]) ⇒ self 在对象集合的元素上触发指定的事件。事件可以是一个字符串类型,也可以是一个 通过$.Event 定义的事件对象。如果给定args参数,它会作为参数传递给事件函数。 /&...
Zepto $.fx
全局地动画设置: $.fx.off (在支持css transition 的浏览器中默认为false):设置true来禁止所有animate() transitions。 $.fx.speeds:用来设置动画时间的对象。_default ...
Zepto serializeArray
serializeArray() ⇒ array 将用作提交的表单元素的值编译成拥有name和value对象组成的数组。不能使用的表单元素,buttons,未选中的radio buttons/checkboxs 将会被跳过。结果不包含fi...
Zepto $.post
$.post(url, [data], function(data, status, xhr){ … }, [dataType]) ⇒ XMLHttpRequest 执行Ajax POST请求。这是一个 $.ajax 的简写方式。 $....
Zepto serialize
serialize() ⇒ string 在Ajax post请求中将用作提交的表单元素的值编译成 URL编码的 字符串。 ...
Zepto submit
submit() ⇒ self submit(function(e){ … }) ⇒ self 为 “submit” 事件绑定一个处理函数,或者触发元素上的 “submit” 事件。当没有给定function参数时,触发当前表单“sub...
Zepto $.get
$.get(url, function(data, status, xhr){ … }) ⇒ XMLHttpRequest $.get(url, [data], [function(data, status, xhr){ … }], [d...
Zepto load
load(url, function(data, status, xhr){ … }) ⇒ self 通过GET Ajax载入远程 HTML 内容代码并插入至 当前的集合 中。另外,一个css选择器可以在url中指定,像这样,可以使用匹...
Zepto $.param
$.param(object, [shallow]) ⇒ string $.param(array) ⇒ string 序列化一个对象,在Ajax请求中提交的数据使用URL编码的查询字符串表示形式。如果shallow设置为true。嵌套...
Zepto closest
closest(selector, [context]) ⇒ collection closest(collection) ⇒ collection v1.0+ closest(element) ⇒ collection v1....