核心方法
$()
$(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节点,除了$( Zepto
)对象上的直接方法外(如$.extend
),文档对象中的所有方法都是集合方法。
如果选择器中存在content参数(css选择器,dom,或者Zepto集合对象),那么只在所给的节点背景下进行css选择器;这个功能和使用$(context).find(selector)
是一样的。
当给定一个html字符串片段来创建一个dom节点时。也可以通过给定一组属性映射来创建节点。最快的创建但元素,使用<div>
或 <div/>
形式。
当一个函数附加在 DOMContentLoaded
事件的处理流程中。如果页面已经加载完毕,这个方法将会立即被执行。
$('div') //=> 所有页面中得div元素 $('#foo') //=> ID 为 "foo" 的元素 // 创建元素: $("<p>Hello</p>") //=> 新的p元素 // 创建带有属性的元素: $("<p />", { text:"Hello", id:"greeting", css:{color:'darkblue'} }) //=> <p id=greeting style="color:darkblue">Hello</p> // 当页面ready的时候,执行回调: Zepto(function($){ alert('Ready to Zepto!') })
不支持jQuery CSS 扩展, 然而,可选的“selector”模块有限提供了支持几个最常用的伪选择器,而且可以被丢弃,与现有的代码或插件的兼容执行。
如果$
变量尚未定义,Zepto只设置了全局变量$
指向它本身。允许您同时使用的Zepto和有用的遗留代码,例如,prototype.js。只要首先加载Prototype,Zepto将不会覆盖Prototype的 $
函数。Zepto将始终设置全局变量Zepto
指向它本身。
$.camelCase v1.0+
$.camelCase(string) ⇒ string
将一组字符串变成“骆驼”命名法的新字符串,如果该字符已经是“骆驼”命名法,则不变化。
$.camelCase('hello-there') //=> "helloThere" $.camelCase('helloThere') //=> "helloThere"