zepto的函數集很小,很適合新手學習。最新版zepto的函數在120個左右,與之相對的jQuery則是300個左右。
現將其分類,便於理解與記憶。
藍色背景的函數是zepto特有的,盡量避免使用,以免跟jQuery的語法相混。
append
和appendTo
這種所謂的“reversed operands”,使用單詞少的那一個就行了,以免搞混。
DOM操作
上級的選擇
parent
parents
closest
同級的選擇
siblings
next
prev
下級的選擇
children
contents
find
上級的插入
wrap
wrapAll
同級的插入
before
after
insertAfter
insertBefore
下級的插入
append
appendTo
prepend
prependTo
wrapInner
節點的刪除
empty
remove
unwrap
內容的操作
text
html
屬性的操作
pluck
prop
attr
removeAttr
hasClass
addClass
removeClass
toggleClass
data
val
css操作
size
height
width
position
offset
css
hide
show
toggle
element的操作
clone
ready
replaceWith
is
集合函數
集合的加減
add
concat
slice
push
filter
has
not
集合的存取
eq
get
first
last
toArray
集合的遍歷
each
forEach
reduce
map
集合與index
index
size
indexOf
核心函數
$()
靜態函數
$.each
$.extend
$.inArray
$.isFunction
$.isPlainObject
$.isEmptyObject
$.map
$.trim
$.contains
Event
$.Event
$.proxy
bind
delegate
die
live
off
on
one
trigger
triggerHandler
unbind
undelegate
Ajax操作
$.ajax
$.ajaxJSONP
$.ajaxSettings
$.get
$.getJSON
$.param
$.post
load
Form
serialize
serializeArray
submit
Effects
$.fx
animate
Touch
Touch events