日韩亚洲国产激情一区浪潮av-蜜桃tv一区二区三区-国产午夜精品一区理论片-日韩一区免费视频-永久在线免费观看-日韩xx视频-在线观看福利网站-亚洲天天综合网-天堂网在线播放-五月婷在线视频-www久久撸撸网-91偷拍网站-日本www视频-狠狠久久亚洲欧美专区-国产精品视屏-亚洲鲁丝片一区二区三区-国产私拍福利精品视频-亚洲中文字幕日本无线码-av大片在线免费观看-国产乱来视频

網(wǎng)站開發(fā) APP開發(fā) 小程序開發(fā) SEO優(yōu)化 公司新聞

zepto的常用方法與操作

2018-05-21 11:17:11
1693

  Zepto 常用的方法:

  zepto源碼研究- fx.js

  簡要:zepto提供了一個基礎(chǔ)方法animate來方便我們運用css動畫。主要針對transform,animate以及普通屬性(例如left,right,height,width等等)的transition過度。

  在js中能方便的,靈活的調(diào)用animae方法來操作元素動畫.

  zepto.js框架:簡化到不能再簡化的javascript庫。提供了一個執(zhí)行速度和下載速度更快的更輕量化的框架給你使用。更像一個工具庫,封裝了很多工具方法。其中,95%以上的API都是和Jquery一致的。(框架相比其他框架的優(yōu)勢:更低廉的學(xué)習(xí)成本;比較輕量化,沒有提供復(fù)雜的模式。)

  一 . 常用的選擇器

  標(biāo)簽選擇器(根據(jù)對應(yīng)的標(biāo)簽獲取元素)

  類名選擇器(根據(jù)指定的類名獲取元素)

  Id選擇器(根據(jù)指定的ID獲取元素)

  屬性選擇器(根據(jù)指定的屬性名獲取元素)

  二 . zepto的集合操作

  1.遍歷遍歷數(shù)組元素或以key-value值對方式遍歷對象.

  each 遍歷所有的li

  $("#uls li").each((function(){})

  $.each(['a','b','c'],function(index,item){})

  2.過濾

  filter過濾掉擁有指定元素的對象

  console.log($("li").filter('li[class="li2"]'))

  has查找擁有指定元素的對象

  var ff=$('ul li').has('a[href]')

  hasClass判斷對象是否擁有指定的Class

  var bb=$('div').hasClass('divs')

  3.查詢

  Find find在當(dāng)對象前集合內(nèi)查找符合CSS選擇器的每個元素的后代元素

  get 從當(dāng)前對象集合中獲取所有元素或單個元素。當(dāng)index參數(shù)不存在時,以普通數(shù)組的方式返回所有的元素。當(dāng)指定index時,只返回該元素。這點與eq不同,該方法返回的是DOM節(jié)點,不是zepto集合

  First 獲取第一個元素

  Last 獲取最后一個元素

  eq() 從當(dāng)前對象集合中獲取給定索引值的對象

  Index 獲取一個元素的索引值,如果沒有找到該元素,返回-1

  三 .DOM,樣式操作

  append將定義的內(nèi)容插入目標(biāo)元素末尾。內(nèi)容可以為html字符串,dom節(jié)點,或者是節(jié)點組成的數(shù)組。

  appendTo(target)

  將定義的內(nèi)容插入到元素的末尾。這個有點像append,但是插入的目標(biāo)與其相反。

  Before:在匹配每個元素的前面插入內(nèi)容

  empty 清空對象集合中每個元素的DOM內(nèi)容

  remove 移出刪除

  removeClass 移出類名 如果移出多個類名 用空格隔開

?