Zepto 常用的方法:
zepto源碼研究- fx.js
簡(jiǎn)要:zepto提供了一個(gè)基礎方法animate來(lái)方便我們運用css動(dòng)畫(huà)。主要針對transform,animate以及普通屬性(例如left,right,height,width等等)的transition過(guò)度。
在js中能方便的,靈活的調用animae方法來(lái)操作元素動(dòng)畫(huà).
zepto.js框架:簡(jiǎn)化到不能再簡(jiǎn)化的javascript庫。提供了一個(gè)執行速度和下載速度更快的更輕量化的框架給你使用。更像一個(gè)工具庫,封裝了很多工具方法。其中,95%以上的API都是和Jquery一致的。(框架相比其他框架的優(yōu)勢:更低廉的學(xué)習成本;比較輕量化,沒(méi)有提供復雜的模式。)
一 . 常用的選擇器
標簽選擇器(根據對應的標簽獲取元素)
類(lèi)名選擇器(根據指定的類(lèi)名獲取元素)
Id選擇器(根據指定的ID獲取元素)
屬性選擇器(根據指定的屬性名獲取元素)
二 . zepto的集合操作
1.遍歷遍歷數組元素或以key-value值對方式遍歷對象.
each 遍歷所有的li
$("#uls li").each((function(){})
$.each(['a','b','c'],function(index,item){})
2.過(guò)濾
filter過(guò)濾掉擁有指定元素的對象
console.log($("li").filter('li[class="li2"]'))
has查找擁有指定元素的對象
var ff=$('ul li').has('a[href]')
hasClass判斷對象是否擁有指定的Class
var bb=$('div').hasClass('divs')
3.查詢(xún)
Find find在當對象前集合內查找符合CSS選擇器的每個(gè)元素的后代元素
get 從當前對象集合中獲取所有元素或單個(gè)元素。當index參數不存在時(shí),以普通數組的方式返回所有的元素。當指定index時(shí),只返回該元素。這點(diǎn)與eq不同,該方法返回的是DOM節點(diǎn),不是zepto集合
First 獲取第一個(gè)元素
Last 獲取最后一個(gè)元素
eq() 從當前對象集合中獲取給定索引值的對象
Index 獲取一個(gè)元素的索引值,如果沒(méi)有找到該元素,返回-1
三 .DOM,樣式操作
append將定義的內容插入目標元素末尾。內容可以為html字符串,dom節點(diǎn),或者是節點(diǎn)組成的數組。
appendTo(target)
將定義的內容插入到元素的末尾。這個(gè)有點(diǎn)像append,但是插入的目標與其相反。
Before:在匹配每個(gè)元素的前面插入內容
empty 清空對象集合中每個(gè)元素的DOM內容
remove 移出刪除
removeClass 移出類(lèi)名 如果移出多個(gè)類(lèi)名 用空格隔開(kāi)
咨詢(xún)熱線(xiàn)
010-85377344
135-21581588
微信客服
QQ客服
3026106565 點(diǎn)擊咨詢(xún)