布置的目标是提供jquery的好像的APIs,但并不是100%覆盖jquery为目标。zepto设计的目标是有贰个5-10k的通用库、下载并执行快、有二个熟识通用的API,所以你能把你根本的肥力放到应用开发上。

prependTo

prependTo(target)   ⇒ self

将兼具因素插入到指标前边(元素内)。那有点像prepend,然则是相反的办法。

$('<li>first list item</li>').prependTo('ul');

$.type v1.0+

$.type(object)   ⇒ string

获得JavaScript
对象的连串。大概的种类有: null undefined boolean number string function array``date regexp object error

对于其他对象,它只是简短报告为“object”,倘若您想驾驭一个对象是还是不是是一个javascript普通对象,使用isPlainObject

not

not(selector)   ⇒ collection
not(collection)   ⇒ collection
not(function(index){ ... })   ⇒ collection

过滤当前Zepto对象集合,获取一个新的Zepto对象集合,它当中的因素不能匹配css选用器。假诺另二个参数为Zepto集合对象,那么重回的新Zepto对象中的成分都不带有在该参数对象中。要是参数是二个函数。仅仅包涵函数执行为false值得时候的要素,函数的 this 关键字指向当前循环成分。

与它反而的效用,查看 filter.

data

data(name)   ⇒ value
data(name, value)   ⇒ self

读取或写入dom的 data-* 属性。行为有点像 attr ,可是属性名称后边加上 data-

当读取属性值时,会有下列转换:v1.0+

  • “true”, “false”, and “null” 被撤换为相应的档次;
  • 数字值转换为实在的数字类型;
  • JSON值将会被解析,假使它是行得通的JSON;
  • 其它的一切作为字符串重临。

    Zepto
    基本达成`data()`只可以存款和储蓄字符串。假使您要存款和储蓄任意对象,请引入可选的“data”模块到你创设的Zepto中。

on

on(type, [selector], function(e){ ... })   ⇒ self
on({ type: handler, type2: handler2, ... }, [selector])   ⇒ self

加上事件到Zepto对象集合上。七个事件能够透过空格的字符串格局丰裕。可能以事件类型、函数对象的
格局。若是css选用器给出,事件的对象知足采用器条件时。事件才会被触发。

事件处理程序在触发事件要素可能css选择器匹配的因素的左右文中执行(this指向触发事件的要素)。

当事件处理程序重临false,
或调用preventDefault(),浏览器的默许事件将会被拦住。

var elem = $('#content');
// observe all clicks inside #content:
elem.on('click', function(e) {
        ...
});
// observe clicks inside navigation links in #content
elem.on('click', 'nav a', function(e) {
        ...
});
// all clicks inside links in the document
$(document).on('click', 'a', function(e) {
        ...
});

on(type, [selector], function(e){ ... }) ⇒ self

如果selector存在,则相当于delegate。
$("ul").on("click","li",function(){alert("yaotaiyang")});
以上代码相当于将li的事件代理到ul上。后续添加的li也能拥有以上方法。该事件可以通过undelegate来移除。
$("ul").undelegate();
也可用:$("ul").off();

如果selector参数不存在。则相当于bind。
$("li").on("click",function(){alert("yaotaiyang")});
该事件可以通过unbind来移除。
$("li").unbind("click");
也可以用off()来移除:$("li").off();

on方法继集成bind和delegate方法。

$.param

$.param(object, [shallow])   ⇒ string
$.param(array)   ⇒ string

创建贰个体系化的数组或对象,适用于1个U揽胜L
地址询问字符串或Ajax请求。假如shallow设置为true。嵌套对象不会被系列化,嵌套数组的值不会接纳放括号在她们的key上。

此外,还接受 serializeArray格式的数组,在那之中每种项都有
“name” 和 “value”属性。

Also accepts an array
in serializeArray format,
where each item has “name” and “value” properties.

$.param({
    foo: {
        one: 1,
        two: 2
    }
});
//=> "foo[one]=1&foo[two]=2)"

$.param({
    ids: [1, 2, 3]
});
//=> "ids[]=1&ids[]=2&ids[]=3"

$.param({
    ids: [1, 2, 3]
}, true);
//=> "ids=1&ids=2&ids=3"

$.param({
    foo: 'bar',
    nested: {
        will: 'not be ignored'
    }
});
//=> "foo=bar&nested[will]=not+be+ignored"

$.param({
    foo: 'bar',
    nested: {
        will: 'be ignored'
    }
}, true);
//=> "foo=bar&nested=[object+Object]"

$.proxy v1.0+

$.proxy(fn, context)   ⇒ function
$.proxy(context, property)   ⇒ function

接受3个函数,然后再次来到多个新函数,并且这几个新函数始终维持了一定的上下文语境,新函数中this针对context参数。其余一种方式,原始的function是context对像的艺术。

var obj = {
        name: 'Zepto'
    },
    handler = function() {
        console.log("hello from + ", this.name)
    }

// ensures that the handler will be executed in the context of `obj`:
$(document).on('click', $.proxy(handler, obj));

var obj = {
    name: "yaotaiyang",
    test: function() {
        alert(this.name);
        $("#test").unbind("click", obj.test);
    }
};
$("#test").click(jQuery.proxy(obj, "test"));

index

index([element])   ⇒ number

得到2个要素的岗位。当elemen参数没有付诸时,重返当前成分在兄弟节点中的地方。当element参数给出时,重返它在近来Zepto对象集合中的地点。假诺没有该因素,则赶回-1。

$('li:nth-child(2)').index()
//=> 1

$.Event

$.Event(type, [properties])   ⇒ event

开创并发轫化八个点名的dom事件。如若properties参数给出,使用它来扩展出新的事件指标。默许意况下,事件棉被服装置为冒泡情势;这些可以透过安装bubblesfalse来关闭。

早先化的意义能够行使 trigger来触发。

$.Event('mylib:change', { bubbles: false });

$.isArray

$.isArray(object)   ⇒ boolean

如果object是array,则返回ture。

slice

slice(start, [end])   ⇒ array

array中提取的措施。从start开始,如果end 建议。提取不带有end任务的成分。

bind

Deprecated, use on instead.

bind(type, function(e){ ... })   ⇒ self
bind({ type: handler, type2: handler2, ... })   ⇒ self

为二个要素绑定二个处总管件。

eq

eq(index)   ⇒ collection

从当下Zepto对象集合中收获给定索引号的要素。

$('li').eq(0);
//=> only the first list item
$('li').eq(-1);
//=> only the last list item

remove

remove()   ⇒ self

移出当前Zepto对象中的成分。有效的从dom中移除。

next

next()   ⇒ collection
next(selector)   ⇒ collection v1.0+

获取Zepto对象集合中每3个成分的下二个男士节点(能够采用性的带上过滤选取器)。

$('dl dt').next()
//=> the DD elements

scrollTop v1.0+

scrollTop()   ⇒ number

获得页面上的轮转成分只怕全部窗口已经滚动的像素值。

text

text()   ⇒ string
text(content)   ⇒ self

得到恐怕安装富有Zepto对象的文件内容。当content参数未提交。重返当前Zepto对象集合中率先个要素的公文内容(包括子节点中的文本内容)。当content参数给出,使用它替换Zepto对象集合中负有因素的文书内容。它有待点似 html,与它分化的是它不能够用来赢得或安装
HTML。

unwrap

unwrap()   ⇒ self

将匹配成分的父级成分删除,保留本人(和兄弟成分,假若存在)在原先的义务。

$(document.body).append('<div id=wrapper><p>Content</p></div>')
$('#wrapper p').unwrap().parents()
//=> [<body>, <html>]

$.trim v1.0+

$.trim(string)   ⇒ string

删去字符串先河和最终的空白符。类似String.prototype.trim()。

html

html()   ⇒ string
html(content)   ⇒ self
html(function(index, oldHtml){ ... })   ⇒ self

取得或设置Zepto对象集合中成分的HTML内容。当content参数没有给定时,重返IZepto对象集合中首先个因素的innerHtm。当content参数给定时。用其替换Zepto对象集合中种种成分的content。content能够是append中讲述的全部类型。

// autolink everything that looks like a Twitter username
$('.comment p').html(function(idx, oldHtml) {
    return oldHtml.replace(/(^|\W)@(\w{1,15})/g, '$1@<a href="http://twitter.com/$2">$2</a>');
});

Ajax请求

prepend

prepend(content)   ⇒ self

将参数内容插入到种种匹配成分的前边(成分内部)。插入d的要素得以试html字符串片段,三个dom节点,可能贰个节点的数组。

$('ul').prepend('<li>first list item</li>');

find

find(selector)   ⇒ collection
find(collection)   ⇒ collection v1.0+
find(element)   ⇒ collection v1.0+

收获当前Zepto集合对象内搜寻符合css采用器的各样成分的后裔。

只要参数为Zepto集合对象或者成分,过滤它们,只有当它们在时下Zepto集合对象中时,才回被再次回到。

var form = $('#myform');
form.find('input, select');

css

css(property)   ⇒ value
css(property, value)   ⇒ self
css({ property: value, property2: value2, ... })   ⇒ self

读取或安装dom成分的css属性。当value参数不存在的时候,重临Zepto对象集合中第①个因素的css属性。当value参数存在时,设置Zepto对象集合中每2个要素的相应css属性。多条css属性能够动用对象值对的不二法门展开设置。

当value为空(空字符串,null 或 undefined),那几个css属性将会被移出。当value参数为二个无单位的数字,要是该css属性要求单位,“px”将会自行添加到该属性上。

var elem = $('h1');
elem.css('background-color');
// read property
elem.css('background-color', '#369');
// set property
elem.css('background-color', '');
// remove property

// set multiple properties:
elem.css({
    backgroundColor: '#8EE',
    fontSize: 28
});

$.isWindow v1.0+

$.isWindow(object)   ⇒ boolean

规定参数是或不是为1个窗口(window对象),假诺是则赶回true。

那在处理iframe时尤其有用,因为种种iframe都有它们本人的window对象,使用正规方法obj==window校验那么些objects的时候会战败。

hide

hide()   ⇒ self

通过安装css的属性display 为 none来将Zepto对象集合中的成分隐藏。

Hide elements in this collection by setting their display CSS property
to none.

创设插件

能够由此抬高格局作为$.fn的习性来写插件:

;(function($) {
    $.extend($.fn, {
        foo: function() {
            // `this` refers to the current Zepto collection.
            // When possible, return the Zepto collection to allow chaining.
            return this.html('bar')
        }
    })
})(Zepto)

为了更好起来开发插件,先看下source of Zepto’s core
module
,并确认读过coding
style
guidelines


offset

offset()   ⇒ object
offset(coordinates)   ⇒ self v1.0+
offset(function(index, oldOffset){ ... })   ⇒ self v1.0+

赢伏贴前因素相对于document的职位。重回1个目的涵盖: topleftwidthheight

当给定一个指标属性lefttop应用那一个值来相对于document对每一个要素进行定点。

each

each(function(index, item){ ... })   ⇒ self

遍历三个Zepto集合对象,为每八个匹配成分执行贰个函数。this重点字指向当前item(作为函数的第三个参数传递)。假使函数重临 false,遍历截至。

$('form input').each(function(index) {
    console.log('input %d is: %o', index, this);
});

reduce

reduce(function(memo, item, index, array){ ... }, [initial])   ⇒ value

与 Array.reduce有同等的用法,遍历当前Zepto对象集合。memo是函数上次的再次来到值。迭代展开遍历。

那是叁个zepto的点子,不是jquery的api

siblings

siblings([selector])   ⇒ collection

收获Zepto集合对象具备兄弟节点。假若css选用器参数给出。过滤出适合采纳器的要素。

has v1.0+

has(selector)   ⇒ collection
has(node)   ⇒ collection

看清当前Zepto对象集合的子成分是不是有符合选取器的因素,可能是还是不是带有钦定的dom节点,如若有,则赶回新的Zepto集合对象,该对象过滤掉不分包选拔器匹配成分或然不分包钦点dom节点的指标。

$('ol > li').has('a[href]')
//=> get only LI elements that contain links

triggerHandler

triggerHandler(event, [data])   ⇒ self

像 trigger,它只触及事件,但不冒泡。

诸如您再三个input上如若运用该措施。

$("input").triggerHandler('focus');
// 此时input上的focus事件触发,但是input不会聚焦
$("input").trigger('focus');
// 此时input上的focus事件触发,input聚焦

position v1.0+

position()   ⇒ object

取得Zepto对象集合中首先个要素的地点。绝对于 offsetParent。当相对定位的一个素靠近另一个要素的时候,那几个措施是可行的。

回到二个的指标有这么些属性:topleft

var pos = element.position();

// position a tooltip relative to the element
$('#tooltip').css({
    position: 'absolute',
    top: pos.top - 30,
    left: pos.left
});

效果

first

first()   ⇒ collection

赢妥当前Zepto对象集合中的第三个要素。

$('form').first();

hasClass

hasClass(name)   ⇒ boolean

检查Zepto对象集合中是还是不是有成分含有钦点的class。

<ul>    
    <li>list item 1</li>    
    <li class="yaotaiyang">list item 2</li>    
    <li>list item 3</li>  
</ul>  
<p>a paragraph</p>

<script type="text/javascript">
    $("li").hasClass("yaotaiyang");
    //=> true
</script>

$.ajaxJSONP

Deprecated,
use $.ajax instead.

$.ajaxJSONP(options)   ⇒ mock XMLHttpRequest

施行JSONP跨域获取数据。

此办法相对 $.ajax 没有优势,提出并非选择。

Zepto是几个轻量级的本着现代高级浏览器的JavaScript库, 它与jquery拥有近乎的api
假如您会用jquery,那么你也会用zepto。

事件处理

die

Deprecated, use off instead.

die(type, function(e){ ... })   ⇒ self
die({ type: handler, type2: handler2, ... })   ⇒ self

除去通过 live 添加的轩然大波。

译文地址:http://www.html-5.cn/Manual/Zepto/

insertBefore

insertBefore(target)   ⇒ self

插入Zepto对象集合中的元素到钦点的种种成分前面包车型地铁dom中。这一个有点像 before,然则利用情势相反。

$('<p>See the following table:</p>').insertBefore('table');

show

show()   ⇒ self

回复Zepto对象集合中每种成分暗中认可的“display”值。假设你用 hide将成分隐藏,用该属性能够将其出示。也正是干掉了display:none

$.getJSON

$.getJSON(url, function(data, status, xhr){ ... })   ⇒ XMLHttpRequest
$.getJSON(url, [data], function(data, status, xhr){ ... })   ⇒ XMLHttpRequest v1.0+

透过 Ajax
GET请求获取JSON数据。那是1个 $.ajax 的简写格局。

$.getJSON('/awesome.json', function(data) {
    console.log(data);
});

// fetch data from another domain with JSONP
$.getJSON('//example.com/awesome.json?callback=?', function(remoteData) {
    console.log(remoteData);
});

forEach

forEach(function(item, index, array){ ... }, [context]) 

遍历当前Zepto集合对象的买个成分,有点类似 each,可是遍历函数的参数分歧,当函数重临 false 的时候,遍历不会停下。

那是3个Zepto提供的法子,不是jquery的API。

表单方法

$.post

$.post(url, [data], function(data, status, xhr){ ... }, [dataType])   ⇒ XMLHttpRequest

推行Ajax
POST请求。那是1个 $.ajax 的简写方式。

$.post('/create', {
    sample: 'payload'
}, function(response) {
    // process response
});

data 参数能够是1个字符串:

$.post('/create',
    $('#some_form').serialize(),
    function(response) {
        // ...
    });

insertAfter

insertAfter(target)   ⇒ self

安排Zepto对象集合中的成分到钦赐的各种元素后边的dom中。这么些有点像 after,不过利用办法相反。

$('<p>Emphasis mine.</p>').insertAfter('blockquote');

触控

$()

$(selector, [context])   ⇒ collection
$(<Zepto collection>)   ⇒ same collection
$(<DOM nodes>)   ⇒ collection
$(htmlString)   ⇒ collection
$(htmlString, attributes)   ⇒ collection v1.0+
Zepto(function($){ ... }) 

经过执行css选取器包装dom节点,创设成分恐怕从三个html片段来创设一个Zepto对象。

Zepto集合是一个看似数组的对象,它兼具链式方法来操作它指向的dom,除了$对象上的直接形式外(如$.extend),文书档案对象中的全体办法都以聚众方法。

要是接纳器中存在content参数(css选取器,dom,或然Zepto集合对象),那么只在所给的节点背景下开始展览css选取器;那么些效能有点像使用$(context).find(selector)

能够透过三个html字符串片段来创制一个dom节点。也得以因此给定一组属性映射来创制节点。最快的创立但成分,使用<div> 或 <div/>形式。

当3个函数附加在 DOMContentLoaded 事件的拍卖流程中。假设页面已经加载实现,那一个形式将会马上被实施。

$('div')
//=> all DIV elements on the page
$('#foo')
//=> element with ID "foo"

// create element:
$("<p>Hello</p>")
//=> the new P element
// create element with attributes:
$("<p />", {
    text: "Hello",
    id: "greeting",
    css: {
        color: 'darkblue'
    }
})
//=> <p id=greeting style="color:darkblue">Hello</p>

// execute callback when the page is ready:
Zepto(function($) {
    alert('Ready to Zepto!')
})

不支持jQuery CSS
扩展
,可是足以选的“selector”模块有限提供补助,如局地常用的伪采纳器,能够与现有的代码或插件包容执行。

$.fn

Zepto.fn是二个目的,它具有Zepto对象上保有可用的主意。如 addClass(), attr(),和其他方式。在那么些目标添加1个方法,全数的Zepto对象上都能用到该格局。

那边有多个兑现 empty() 方法的例证:

$.fn.empty = function() {
    return this.each(function() {
        this.innerHTML = '';
    });
}

toggleClass

toggleClass(names, [setting])   ⇒ self
toggleClass(function(index, oldClassNames){ ... }, [setting])   ⇒ self

在合作的成分集合中的每一种成分上添加或删除3个或多个样式类。假设class的称呼存在则删除它,假如不设有,就添加它。若是 setting的值为真,那几个功用看似于 addClass,借使为假,这一个意义看似与 removeClass

last

last()   ⇒ collection

获得Zepto集合对象中最后1个要素。

$('li').last();

$.grep v1.0+

$.grep(items, function(item){ ... })   ⇒ array

$.grep([1,2,3], function(){
        return item > 1
}); //=>[2,3]

获取多个新数组,新数组只包蕴回调函数中回到 ture 的数组项。

$.contains v1.0+

$.contains(parent, node)   ⇒ boolean

自作者批评父节点是还是不是含有给定的dom节点,假使双方如出一辙,则赶回 false

$.isFunction

$.isFunction(object)   ⇒ boolean

如果object是function,则返回ture。

submit

submit()   ⇒ self
submit(function(e){ ... })   ⇒ self

为 “submit” 事件绑定多少个处理函数,恐怕触发成分上的 “submit”
事件。当参数function没有交到时,触发当前表单“submit”事件,并且实施暗中认可的交给表单行为,除非调用了 preventDefault()

当function参数给出时,在时下成分上它大约得为其在“submit”事件绑定一个处理函数。

 


对象平台

Ajax 事件

global: true时。在Ajax请求生命周期内,以下这几个事件将被触发。

  1. ajaxStart (global):假如没有其余Ajax请求当前活跃将会被触发。

  2. ajaxBeforeSend (data: xhr, options):再发送请求前,可以被注销。

  3. ajaxSend (data: xhr, options):像 ajaxBeforeSend,但无法废除。

  4. ajaxSuccess (data: xhr, options, data):当重临成功时。

  5. ajaxError (data: xhr, options, error):当有错误时。

  6. ajaxComplete (data: xhr,
    options):请求已经到位后,无论请求是马到功成可能失败。

  7. ajaxStop (global):如若那是最后2个活泼着的Ajax请求,将会被触发。

默许情状下,Ajax事件在document对象上接触。不过,假诺请求的 context 是二个dom节点,该事件会在此节点上触发然后再dom中冒泡。唯一的例外是 ajaxStart & ajaxStop那三个全局事件。

$(document).on('ajaxBeforeSend', function(e, xhr, options) {
    // This gets fired for every Ajax request performed on the page.
    // The xhr object and $.ajax() options are available for editing.
    // Return false to cancel this request.
});

$.ajax({
    type: 'GET',
    url: '/projects',
    // data to be added to query string:
    data: {
        name: 'Zepto.js'
    },
    // type of data we are expecting in return:
    dataType: 'json',
    timeout: 300,
    context: $('body'),
    success: function(data) {
        // Supposing this JSON payload was received:
        //   {"project": {"id": 42, "html": "<div>..." }}
        // append the HTML to context object.
        this.append(data.project.html);
    },
    error: function(xhr, type) {
        alert('Ajax error!');
    }
});

// post a JSON payload:
$.ajax({
    type: 'POST',
    url: '/projects',
    // post payload:
    data: JSON.stringify({
        name: 'Zepto.js'
    }),
    contentType: 'application/json'
});

serialize

serialize()   ⇒ string

在Ajax post请求准将用作提交的表单成分的值编写翻译成 U安德拉L-encoded 字符串。

原文地址:http://zeptojs.com/

val

val()   ⇒ string
val(value)   ⇒ self
val(function(index, oldValue){ ... })   ⇒ self

得到或安装匹配成分的值。当value参数不设有。重临第三个因素的值。假如是<select multiple>标签,则赶回三个数组。

removeClass

removeClass([name])   ⇒ self
removeClass(function(index, oldClassName){ ... })   ⇒ self

挪动当前Zepto对象集合中具备因素的内定class。假如name参数未提交。将移出全数的class。八个class参数名称能够动用空格分隔。下例移除了八个class。

<input class="taiyang yueliang" id="check1" type="checkbox" checked="checked">
<input class="yaotaiyang" id="check2" type="checkbox">

<script type="text/javascript">
    $("#check1").removeClass("taiyang yueliang")
    //=>[<input class id="check1" type="checkbox" checked="checked">]
</script>

off

off(type, [selector], function(e){ ... })   ⇒ self
off({ type: handler, type2: handler2, ... }, [selector])   ⇒ self
off(type, [selector])   ⇒ self
off()   ⇒ self

移除通过 on 注册的事件(用bind可能用on注册的事件)。就算没有参数,将移出当前因素上全部的挂号事件。

off(type, [selector], function(e){ ... }) ⇒ self

如果selector存在,则相当于delegate。
$("ul").on("click","li",function(){alert("yaotaiyang")});
以上代码相当于将li的事件代理到ul上。后续添加的li也能拥有以上方法。该事件可以通过undelegate来移除。
$("ul").undelegate();
也可用:$("ul").off();

如果selector参数不存在。则相当于bind。
$("li").on("click",function(){alert("yaotaiyang")});
该事件可以通过unbind来移除。
$("li").unbind("click");
也可以用off()来移除:$("li").off();

on方法继集成bind和delegate方法。

one

one(type, function(e){ ... })   ⇒ self
one({ type: handler, type2: handler2, ... })   ⇒ self

拉长1个处总管件到成分。处理函数在每一个成分上最多执行贰遍。

animate

animate(properties, [duration, [easing, [function(){ ... }]]])   ⇒ self
animate(properties, { duration: msec, easing: type, complete: fn })   ⇒ self
animate(animationName, { ... })   ⇒ self

对当前Zepto集合对象中成分实行css transition属性寒滑过渡。

  • properties:
    三个对象,该对象涵盖了css动画的值,恐怕css帧动画的名目。
  • duration (暗中同意 400):以纳秒为单位的时光,恐怕一个字符串。
    • fast (200 ms)
    • slow (600 ms)
    • 任何$.fx.speeds自定义属性
  • easing (默认 linear):钦定动画的缓动类型,使用以下二个:
  • complete:动画达成时的回调函数

Zepto 还援救以下 CSS
transform
 属性:

  • translate(X|Y|Z|3d)
  • rotate(X|Y|Z|3d)
  • scale(X|Y|Z)
  • matrix(3d)
  • perspective
  • skew(X|Y)

如果duration参数为 0 或 $.fx.off 为 true(在不协理css
transitions的浏览器中暗中同意为true),动画将不被执行;替代动画效果的对象地点会马上见效。类似的,假诺钦定的卡通片不是通过动画完毕,而且动画的对象地点即可知效。那种场所下并未动画, complete办法也不会被调用。

假如第②个参数是字符串而不是一个对象,它将被看做二个css关键帧动画 CSS
keyframe
animation
的名称。

$("#some_element").animate({
    opacity: 0.25,
    left: '50px',
    color: '#abcdef',
    rotateZ: '45deg',
    translate3d: '0,10px,0'
}, 500, 'ease-out');

Zepto只使用css过渡效果的卡通。jquery的easings不会援救。jquery的相对变化(“=+10px”)
syntax 也不支持。请查看 list of animatable
properties
。浏览器的扶助或然两样,所以自然要测试你所想要支持的浏览器。


wrap

wrap(structure)   ⇒ self
wrap(function(index){ ... })   ⇒ self v1.0+

在各样匹配的成相当层包上一个html成分。structure参数能够是多个独立的要素或许某个嵌套的要素。也得以是三个html字符串片段或许dom节点。还足以是一个变更用来包成分的回调函数,那么些函数重临前三种档次的包装片段。

须要提示的是:该情势对于dom中的节点有所很好的支持。即使将wrap() 用在贰个新的因素上,然后再将结果插入到document中,此时该办法行不通。

// wrap each button in a separate span:
$('.buttons a').wrap('');

// wrap each code block in a div and pre:
$('code').wrap('<div class="highlight"><pre /></div>');

// wrap all form inputs in a span with classname
// corresponding to input type:
$('input').wrap(function(index) {
    return '';
});
//=> <input type=text />,
//   <input type=search />

// WARNING: will not work as expected!
$('<em>broken</em>').wrap('<li>').appendTo(document.body);
// do this instead:
$('<em>better</em>').appendTo(document.body).wrap('<li>');

Touch events

“touch”模块添加以下事件,可以 on 和 off

  • tap —元素tap的时候接触。
  • singleTap and doubleTap —
    这一对事件能够用来检查和测试成分上的单击和双击。(要是您不须求检查和测试单击、双击,使用 tap 代替)。
  • longTap — 当一个成分被按住超越750ms触发。
  • swipeswipeLeftswipeRightswipeUpswipeDown —
    当成分被划过时触发。(可挑选给定的趋势)

这么些事件也是全体Zepto对象集合上的全速方法。

<style>
.delete {
    display: none;
}
</style>

<ul id=items>
    <li>List item 1
        DELETE
    </li>
    <li>List item 2
        DELETE
    </li>
</ul>

<script>
// show delete buttons on swipe
$('#items li').swipe(function() {
    $('.delete').hide()
    $('.delete',
        this).show()
})

// delete row on tapping delete button
$('.delete').tap(function() {
    $(this).parent('li').remove()
})
</script>

 

prop v1.0+

prop(name)   ⇒ value
prop(name, value)   ⇒ self
prop(name, function(index, oldValue){ ... })   ⇒ self

读取或安装dom成分的属性值。它在读取属性值的图景下优先于 attr,因为那一个属性值会因为用户的相互爆发变更,如checked and selected

<input class="taiyang" id="check1" type="checkbox" checked="checked">
<input class="yaotaiyang" id="check2" type="checkbox">

<script type="text/javascript">
    $("#check1").attr("checked"); //=> "checked"
    $("#check1").prop("checked"); //=> "true"
    $("#check2").attr("checked"); //=> "false"
    $("#check2").prop("checked"); //=> "false"
    $("input[type='checkbox']").prop("type",function(index,oldvalue){
        console.log(index+"|"+oldvalue);
    });
    //=> 0|checkbox
    //=> 1|checkbox
    $("input[type='checkbox']").prop("className",function(index,oldvalue){
        console.log(index+"|"+oldvalue);
    });
    //=> 0|taiyang
    //=> 1|yaotaiyang
</script>

检查和测试方法

addClass

addClass(name)   ⇒ self
addClass(function(index, oldClassName){ ... })   ⇒ self

为每种匹配的因素添加钦定的class类名。三个class类名通过空格分隔。

$.parseJSON v1.0+

$.parseJSON(string)   ⇒ object

接近本地JSON.parse 方法,接受3个业内格式的 JSON
字符串,并赶回解析后的 JavaScript 对象。

is

is(selector)   ⇒ boolean

看清当前Zepto成分集合中的第三个要素是不是符css选择器。对于基础支撑jquery的非标准化准选拔器类似::visible含蓄在可选的“selector”模块中。

jQuery CSS
extensions
 不被帮助。
选拔“selector”模块仅仅能支撑有限多少个最常用的点子。

pluck

pluck(property)   ⇒ array

取得Zepto对象集合中每二个要素的属性值。重返值为 nullundefined值得过滤掉。

$('body > *').pluck('nodeName');
// => ["DIV", "SCRIPT"]

// implementation of Zepto's `next` method
$.fn.next = function() {
    return $(this.pluck('nextElementSibling'));
}

那是二个Zepto的方式,不是jquery的api

delegate

Deprecated, use on instead.

delegate(selector, type, function(e){ ... })   ⇒ self
delegate(selector, { type: handler, type2: handler2, ... })   ⇒ self

基于一组特定的根成分为具有选取器匹配的要素附加叁个处总管件,匹配的要素大概现在或现在才创立。

replaceWith

replaceWith(content)   ⇒ self

用提供的始末替换全部匹配的因素。(包括成分本人)。content参数能够为 before中讲述的品种。

$.ajax

$.ajax(options)   ⇒ XMLHttpRequest 

实践Ajax请求。请求地址能够是当地的依旧跨域的,在协助的浏览器中经过 HTTP
access
control
如故经过JSONP来完成。

参数:

  • type (默许: “GET”):请求方法 (“GET”, “POST”, or other)
  • url (默许: 当前地点):发送请求的地方
  • data (默许:none):发送到服务器的数量;要是是get请求,它会自动被用作参数拼接到url上。非String对象将由此 $.param 获得类别化字符串。
  • processData (私下认可: true):
    对于非Get请求。是或不是自动将 data 转换为字符串。
  • contentType (暗许: “application/x-www-form-urlencoded”):
    发送音讯至服务器时内容编码类型。
    (那也得以由此设置headers headers)。通过安装 false 跳过设置暗中同意值。
  • dataType (默许: none):预期服务器再次来到的数据类型(“json”, “jsonp”,
    “xml”, “html”, or “text”)
  • timeout (默认: 0): 设置请求超时时间(纳秒),0表示但是期。
  • headers (默认:{}): 叁个额外的”{键:值}”对映射到请求一起发送
  • async (私下认可:
    true):暗中认可设置下,全体请求均为异步。就算需发送同步请求,请将此设置为 false
  • global (私下认可: true):请求将触及全局AJAX事件处理程序,设置为 false
    将不会触发全局 AJAX 事件。
  • context (暗中同意: window):
    那个目的用于安装Ajax相关回调函数的上下文(this指向)。
  • traditional (暗中认可:false):激活守旧的法子经过$.param来获得类别化的 data

如果URL中含有 =?或者dataType是“jsonp”,那讲求将会因而注入一个 <script>标签来替代使用
XMLHttpRequest
(查看 JSONP)。此时对 contentTypedataTypeheaders有限制,async 不被帮衬。

Detect module

 

该检测方法能够在不相同的条件中微调你的站点照旧应用程序,并援助你识别手提式有线电话机和机械;以及区其他浏览器和操作系统。

// The following boolean flags are set to true if they apply,
// if not they're either set to `false` or `undefined`.
// We recommend accessing them with `!!` prefixed to coerce to a boolean. 

// general device type
$.os.phone
$.os.tablet

// specific OS
$.os.ios
$.os.android
$.os.webos
$.os.blackberry
$.os.bb10
$.os.rimtabletos

// specific device type
$.os.iphone
$.os.ipad
$.os.touchpad
$.os.kindle

// specific browser
$.browser.chrome
$.browser.firefox
$.browser.silk
$.browser.playbook

// Additionally, version information is available as well.
// Here's what's returned for an iPhone running iOS 6.1.
!!$.os.phone
// => true
!!$.os.iphone
// => true
!!$.os.ios
// => true
!!$.os.version
// => "6.1"
!!$.browser.version
// => "536.26"

$.get

$.get(url, function(data, status, xhr){ ... })   ⇒ XMLHttpRequest
$.get(url, [data], [function(data, status, xhr){ ... }], [dataType])   ⇒ XMLHttpRequest v1.0+

施行三个Ajax
GET请求。这是二个 $.ajax的简写方式。

$.get('/whatevs.html', function(response){
        $(document.body).append(response)
});

add

add(selector, [context])   ⇒ self

添日币素到非凡的成分集合。假设content参数存在,只在content中举行查找,不然在document中搜寻。

<ul>    
    <li>list item 1</li>    
    <li>list item 2</li>    
    <li>list item 3</li>  
</ul>  
<p>a paragraph</p>

<script type="text/javascript">
    $('li').add('p').css('background-color', 'red');
</script>

map

map(function(index, item){ ... })   ⇒ collection 

遍历Zepto对象集合中的全部因素。通过遍历函数再次回到值形成二个新的聚众对象。在遍历函数中this要害之指向当前巡回的item(遍历函数中的第二个参数)。遍历中回到 nullundefined,遍历将被打断。

// get text contents of all elements in collection
elements.map(function() {
    return $(this).text();
}).get().join(', ');

size

size()   ⇒ number

得到Zepto对象集合中元素的数额。

手动建立Zepto

zepto.jszepto.min.js提供以上使用方法。
然则,为了更好的次第效果和自由性,能够在应用Zepto源码创设Zepto.js和zepto.min.js的时候接纳模块并作测试,
使用UglifyJS依照你的供给来变化(当服务端开启gzipped后,最精简的代码)代码。

关于怎样树立Zepto的the
README
,包涵运营测试和补丁。.

undelegate

Deprecated, use off instead.

undelegate(selector, type, function(e){ ... })   ⇒ self
undelegate(selector, { type: handler, type2: handler2, ... })   ⇒ self

移除通过delegate 注册的事件。


filter

filter(selector)   ⇒ collection
filter(function(index){ ... })   ⇒ collection v1.0+

过滤Zepto集合对象,重临的Zepto集合对象里面包车型客车项满意参数中的css选择器。假若参数为3个函数,函数重返有实在值得时候,元素才会被重返。在函数中, this 关键字指向当前的因素。

与此相反的功用,查看not.

attr

attr(name)   ⇒ string
attr(name, value)   ⇒ self
attr(name, function(index, oldValue){ ... })   ⇒ self
attr({ name: value, name2: value2, ... })   ⇒ self

读取或设置dom的习性。假设没有给定value参数,则读取Zepto对象第集合一个要素的属性值。当给定了value参数。则设置Zepto对象集合中享有因素全数因素的属性值。当value参数为null,那么那个本性将被移除(类似removeAttr),四个属品质以通过对象值对的法门举办设置。

要读取dom的属性如 checkedselected,
使用 prop

var form = $('form');
form.attr('action');//=> read value
form.attr('action', '/create'); //=> set value
form.attr('action', null); //=> remove attribute

// multiple attributes:
form.attr({
    action: '/create',
    method: 'post'
});

$.map

$.map(collection, function(item, index){ ... })   ⇒ collection

因此遍历集合中的成分,通过函数重返1个新的数组,null and undefined 将被过滤掉。

$.map([1,2,3,4,5],function(item,index){
        if(item>1){return item*item;}
}); 
// =>[4, 9, 16, 25]

$.map({"yao":1,"tai":2,"yang":3},function(item,index){
    if(item>1){return item*item;}
}); 
// =>[4, 9]

contents v1.0+

contents()   ⇒ collection

取得各类匹配成分集合成分的子成分,包蕴文字和注释节点。.contents()和.children()艺术类似,只可是前者包罗文件节点以及jQuery对象中发生的HTML元素。

prev

prev()   ⇒ collection
prev(selector)   ⇒ collection v1.0+

得到Zepto对象集合中每二个因素的前八个弟兄节点,通过选择器来拓展过滤。

Ajax 回调函数

您能够钦赐以下的回调函数,给出的实践顺序:

  1. beforeSend(xhr, settings):请求发出前调用,它接收xhr对象和settings作为参数对象。假若它回到false ,请求将被撤回。

  2. success(data, status, xhr):请求成功之后调用。传入重返后的数目,以及包罗成功代码的字符串。

  3. error(xhr, errorType, error):请求出错开上下班时间调用。
    (超时,解析错误,或然状态码不在HTTP 2xx)。

  4. complete(xhr, status):请求完毕时调用,无论请求失利或成功。

$.extend

$.extend(target, [source, [source2, ...]])   ⇒ target
$.extend(true, target, [source, ...])   ⇒ target v1.0+

通过源对象增加目的对象的质量,源对象属性将掩盖指标对象属性。

默许情状下为,复制为浅复制。假若第3个参数为true表示深度复制。

var target = {
        one: 'patridge'
    },
    source = {
        two: 'turtle doves'
    };

$.extend(target, source);
//=> { one: 'patridge',
//     two: 'turtle doves' }

parent

parent([selector])   ⇒ collection

收获Zepto对象集合中各类成分的第壹手父成分。假如css选取器参数给出。过滤出符合条件的要素。

load

load(url, function(data, status, xhr){ ... })   ⇒ self

透过GET Ajax载入远程 HTML 文件代码并插入至 DOM
中。别的,叁个css选用器能够在url中内定,像这么,能够应用匹配selector选用器的HTML内容来更新集合。

Set the html contents of the current collection to the result of a GET
Ajax call to the given URL. Optionally, a CSS selector can be specified
in the URL, like so, to use only the HTML content matching the selector
for updating the collection:

$('#some_element').load('/foo.html #bar')

当那种措施执行,
它将追寻 foo.html 页面的剧情,Zepto会获取ID为bar成分的始末,并且插入到ID为 some_element 成分,而别的的被搜寻到的成分将被撇下。

假使css选取器不存在。将动用完整的回到文本。

请留心,在未曾选拔器的情况下,任何javascript块都会实施。如若带上采纳器,匹配选用器内的script将会被删除。


$.fx

全局动画设置:

  • $.fx.off (在支持css transition
    的浏览器中暗中认可为false):设置true来禁止全部animate() transitions。

  • $.fx.speeds:用来安装动画时间的目的。

    • _default (400 ms)
    • fast (200 ms)
    • slow (600 ms)

     

    转移现有值可能加上三个新属性去震慑使用1个字符串来安装时间的动画片。

    Change existing values or add new properties to affect animations
    that use a string for setting duration.

serializeArray

serializeArray()   ⇒ array

将用作提交的表单成分的值编写翻译成拥有name和value对象组成的数组。不可能使用的表单成分,buttons,未入选的radio
buttons/checkboxs 将会被跳过。结果不分包file inputs的数码。

$('form').serializeArray()
//=> [{ name: 'size', value: 'micro' },
//    { name: 'name', value: 'Zepto' }]

before

before(content)   ⇒ self

在合营各类元素的前头(外面)插入内容。内容能够为html字符串,dom节点,或许节点组成的数组。

$('table').before('<p>See the following table:</p>')

ready

ready(function($){ ... })   ⇒ self

拉长3个轩然大波侦听器,当页面dom加载完成 “DOMContentLoaded”
事件触发时触发。建议利用 $())来取代那种用法。

after

after(content)   ⇒ self

在每一个匹配的因素后插入内容。内容能够为html字符串,dom节点,大概节点组成的数组。

$('form label').after('<p>A note below the label</p>')

$.inArray v1.0+

$.inArray(element, array, [fromIndex])   ⇒ number

查找数组中内定值并赶回它的目录(如若没有找到则赶回-1)。

[fromIndex] 参数可选,表示从哪个索引值开端向后搜索。

$.inArray("abc",["bcd","abc","edf","aaa"]);
//=>1

$.inArray("abc",["bcd","abc","edf","aaa"],1);
//=>1

$.inArray("abc",["bcd","abc","edf","aaa"],2);
//=>-1

indexOf

indexOf(element, [fromIndex])   ⇒ number

在眼下Zepto中取得2个因素的岗位。如若fromindex参数给出,从该职责以往查找,重回基于0的职位,假如没找到,则赶回-1。index 方法是基于那一个方式完结的。

这是三个Zepto的主意,不是jquer的api。

wrapInner

wrapInner(structure)   ⇒ self
      wrapInner(function(index){ ... })   ⇒ self v1.0+

在匹配成分里的情节外包一层协会。

// wrap the contents of each navigation link in a span:
$('nav a').wrapInner('');

// wrap the contents of each list item in a paragraph and emphasis:
$('ol li').wrapInner('<p><em /></p>');

以下为原始html:

<div class="yaotaiyang">
     <div class="taiyang">yao</div>
     <div class="taiyang">yao</div>
</div>

通过:

$('.taiyang).wrapInner('<div class="new" />');

得到:

<div class="yaotaiyang">
      <div class="taiyang"><div class="new">yao</div></div>
      <div class="taiyang"><div class="new">yao</div></div>
</div>  

appendTo

appendTo(target)   ⇒ self

将合营的要素插入到对象成分的末尾(里面包车型地铁末尾)。这么些有点像 append,可是插入的靶子与其相反。

$('<li>new list item</li>').appendTo('ul')

push

push(element, [element2, ...])   ⇒ self

添新币素到如今Zepto对象的终极。

那是三个zepto的措施,不是jquery的api

empty

empty()   ⇒ self

从Zepto对象集合中移除全部的dom子节点。

toggle

toggle([setting])   ⇒ self

展现或隐藏匹配元素。尽管 setting为true,相当于show 法。如果setting为false。相当于 hide方法。

var input = $('input[type=text]');
$('#too_long').toggle(input.val().length > 140);

移步端浏览器

  • iOS 4+ Safari
  • Chrome for Android
  • Chrome for iOS
  • Android 2.2+ Browser
  • webOS 1.4.5+ Browser
  • BlackBerry Tablet OS 1.0.7+ Browser
  • Amazon Silk 1.0+
  • Firefox for Android
  • Firefox OS Browser
  • Practically any WebKit-based browsers/runtimes

供给小心的是Zepto的有的可选效用是特地针对移动端浏览器的;因为它的初期指标在运动端提供2个简单的好像jquery的js库。

在浏览器上(Safari和Chrome)上支付页面使用大概利用PhoneGap创设基于html的web-view本地应用,使用Zepto是多少个正确的抉择。

 

一言以蔽之,除了ie浏览器外,Zepto希望在有着的现代浏览器中作为一种基础环境来利用。

下载 Zepto

暗许的创设包蕴以下模块:
Core, Ajax, Event, Form, Effects, Polyfill, and Detect.

再有越多的模块;
所以可用模块链接在此 README.

用一个script标签引入Zepto到你的页面包车型大巴平底:

    ...
    </body>
    <script src=zepto.min.js></script>
</html>

万一您供给包容ie浏览器,你可以用回jquery。
要求注意ie10以往不再辅助标准注释(为了抓牢与HTML5
的可互操作性和包容性,Internet Explorer 10 标准形式和Quirks
形式中删去了对规格注释的辅助),因而,大家提议以下的document.write方法:

<script>
    document.write('<script src=' +  ('__proto__' in {} ? 'zepto' :  'jquery') + '.js><\/script>')
</script>

concat

concat(nodes, [node2, ...])   ⇒ self

添新币素到1个Zepto对象集合形成贰个新数组。假若参数是多少个数组,那么这些数组中的成分将会计统计一到Zepto对象集合中。

那是一个Zepto提供的章程,不是jquey的API 。

parents

parents([selector])   ⇒ collection

获得Zepto对象集合各样成分全数的先人成分。即使css选拔器参数给出,过滤出符合条件的因素。

假设想博得第三手父级成分,使用 parent。假使只想取获得第五个适合css采纳器的因素,使用closest

$('h1').parents()
//=> [<div#container>, <body>, <html>]

width

width()   ⇒ number
width(value)   ⇒ self
width(function(index, oldWidth){ ... })   ⇒ self

取得Zepto对象集合中首先个因素的宽;只怕设置Zepto对象集合全数因素的宽。

$('#foo').width();
// => 123
$(window).width();
// => 768 (viewport width)
$(document).width();
// => 768 

Zepto 是一款开源软件,它能够被开发者和小买卖宣布。 MIT
license
.

get

get()   ⇒ array
get(index)   ⇒ DOM node

从当下Zepto对象集合中获得具有因素或单个成分。当index参数不存在的时候,以常见数组的不二法门赶回全部的因素。当钦赐index时,只回去该置的要素。那点与与eq不等,该方法再次回到的不是Zepto集合对象。

var elements = $('h2');
elements.get()
//=> get all headings as an array
elements.get(0)
//=> get first heading node

$.camelCase v1.0+

$.camelCase(string)   ⇒ string

将一组字符串变成“骆驼”命名法的新字符串,若是该字符已经是“骆驼”命名法,则不扭转。

$.camelCase('hello-there')
//=> "helloThere"
$.camelCase('helloThere')
//=> "helloThere"

unbind

Deprecated, use off instead.

unbind(type, function(e){ ... })   ⇒ self
unbind({ type: handler, type2: handler2, ... })   ⇒ self

移除通过 bind 注册的风浪。

$.ajaxSettings

二个分包Ajax请求的暗中认可设置的对象。超过四分之二的安装在 $.ajax中一度描述。以下设置为全局13分有效:

Object containing the default settings for Ajax requests. Most settings
are described in $.ajax.
The ones that are useful when set globally are:

  • timeout (默认: 0):对Ajax请求设置3个非零的值钦定3个暗中同意的晚点时间,以微秒为单位。
  • global (暗中认可: true):设置为false。以预防触发Ajax事件。
  • xhr (暗中认可:XMLHttpRequest
    factory):设置为贰个函数,它回到XMLHttpRequest实例(或贰个金童玉女的指标)
  • accepts: 从服务器请求的MIME类型,钦定dataType值:
    • script: “text/javascript, application/javascript”
    • json: “application/json”
    • xml: “application/xml, text/xml”
    • html: “text/html”
    • text: “text/plain”

closest

closest(selector, [context])   ⇒ collection
closest(collection)   ⇒ collection v1.0+
closest(element)   ⇒ collection v1.0+

从要素本身起始,逐级向上司成分匹配,并赶回起头匹配selector的先人成分。假使context节点参数存在。那么直考虑该节点的后代。那几个方法与 parents(selector)稍稍相像,但他只回去发轫匹配的先人成分。

 

若果参数是1个Zepto对象集合恐怕1个成分,结果必须同盟给定的因素而不是选择器。

var input = $('input[type=text]');
input.closest('form');

offsetParent v1.0+

offsetParent()   ⇒ collection

找到第3个定位过的先世成分,在ccs中代表它的position 值为“relative”,
“absolute” or “fixed”

主干措施

wrapAll

wrapAll(structure)   ⇒ self

在全部匹配成卓越面包一层HTML结构。

// wrap all buttons in a single div:
$('a.button').wrap('<div id=buttons />');

clone v1.0+

clone()   ⇒ collection

透过深度克隆来复制集合中的全部因素。

此办法不会有数据和事件处理程序复制到新的成分。那一点和jquery中接纳多少个参数来明确是否复制数据和事件处理区别。

桌面浏览器

  • Safari 5+ (Mac, Win)
  • Chrome 5+ (Win, Mac, Linux, Chrome OS)
  • Mozilla Firefox 4+ (Win, Mac, Linux)
  • Opera 10+ (Win, Mac, Linux)

$.isPlainObject v1.0+

$.isPlainObject(object)   ⇒ boolean

测试目的是或不是是纯粹的对象(通过 “{}” 恐怕 “new Object”
创设的),借使是,则赶回true。

$.isPlainObject({});// => true
$.isPlainObject(new Object); // => true
$.isPlainObject(new Date); // => false
$.isPlainObject(window);// => false

children

children([selector])   ⇒ collection

获得各种匹配成分集合成分的第叁手子元素,要是selector存在,只回去符合css选用器的因素。

$('ol').children('*:nth-child(2n)')
//=> every other list item from every ordered list

append

append(content)   ⇒ self

在各种匹配的因素末尾插入内容。内容能够为html字符串,dom节点,或然节点组成的数组。

$('ul').append('<li>new list item</li>')

removeAttr

removeAttr(name)   ⇒ self

举手投足当前Zepto对象集合中装有因素的内定属性。

$.each

$.each(collection, function(index, item){ ... })   ⇒ collection

遍历数组成分或以key-value值对艺术遍历对象。回调函数重回 false 时甘休遍历。

$.each(['a',
        'b',
        'c'
    ],
    function(index,
        item) {
        console.log('item %d is: %s',
            index, item)
    });

var hash = {
    name: 'zepto.js',
    size: 'micro'
};
$.each(hash,
    function(key,
        value) {
        console.log('%s: %s',
            key, value)
    });

live

Deprecated, use on instead.

live(type, function(e){ ... })   ⇒ self
live({ type: handler, type2: handler2, ... })   ⇒ self

类似delegate,添加二个个风云处理器到符合当下接纳器的持有因素匹配,匹配的要素恐怕今后或以往才创制。

trigger

trigger(event, [data]) 

在Zepto对象集合的成分上接触钦赐的事件。事件可以是八个字符串,也得以是二个 $.Event 对象。借使data参数存在,它会作为参数字传送递给事件函数。

// add a handler for a custom event
$(document).on('mylib:change', function(e, from, to) {
    console.log('change on %o with data %s, %s', e.target, from, to)
});
// trigger the custom event
$(document.body).trigger('mylib:change', ['one', 'two']);

Zepto仅仅帮衬在dom成分上接触事件。

height

height()   ⇒ number
height(value)   ⇒ self
height(function(index, oldHeight){ ... })   ⇒ self

赢得Zepto对象集合中率先个要素的冲天;恐怕安装Zepto对象集合中持有因素的万丈。

$('#foo').height()
// => 123
$(window).height()
// => 838 (viewport height)
$(document).height()
// => 22302

相关文章

网站地图xml地图