滁州易推,您最值得信赖的滁州网站建设公司
  13687364536     913676469@qq.com      网站地图 
RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-18:30
推荐扫一扫添加微信咨询
微信二维码
关闭右侧工具栏

营销知识

Zepto的常用方法和操作
  • 浏览量:
  • 发表时间:2019-05-27 22:28:50
  • 来源:易推网络

Zepto常用方法:

zepto源码研究 - fx .js

简介:Zepto提供了一种基本方法,可让我们更轻松地使用css动画。主要用于过渡,动画和正常属性(如左,右,高度,宽度等)过渡过度。

在js中,您可以轻松灵活地调用animae方法来操作元素动画。 < p> zepto.js框架:简化为无法再简化的javascript库。提供更轻量级的框架,以实现更快的执行速度和更快的下载速度更像是一个工具库,它封装了许多工具方法。其中,95%以上的API与Jquery一致。 (框架优于其他框架的优势:降低学习成本;减轻重量,不提供复杂的模式。)

A.常用的选择器

标签选择器(根据相应的标签获取元素)

< span style ="font-size:16px;">类名选择器(根据指定的类名获取元素)

Id选择器(根据指定的ID获取元素)

属性选择器(根据指定的属性名称获取元素)< / span>

II。 zepto的收集操作

1.遍历遍历数组元素或遍历键值对中的对象。

每个遍历所有li

$(&quot; #uls li&quot;)。each((function(){})

$ .each(['a','b ”, 'C'],函数(指数,项目){})

<跨度style ="font-size:16px;"> 2.Filter

过滤器过滤掉具有指定元素的对象

console .log($(&quot; li&quot;)。filter('li [class =&quot; li2&quot;]'))

找到具有指定元素的对象

hasClass确定是否该对象具有指定的类

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

3.查询

查找查找查找每个元素的后代元素符合前对象集合中的CSS选择器

获取所有元素或单个元素当前的对象集合。当index参数不存在时,将所有元素作为普通数组返回。指定索引时,仅返回该元素。这与eq不同,eq返回DOM节点,而不是zepto集合

首先获取第一个元素 < / p>

最后获取最后一个元素

Eq( )从当前对象集合中获取给定索引值的对象

索引获取元素的索引值(如果未找到)此元素返回-1

three.DOM,样式操作

append在目标元素的末尾插入已定义的内容。内容可以是html字符串,dom节点或节点数组。

appendTo(target)

在元素末尾插入已定义的内容。这有点像追加,但是插入的目标是相反的。

之前:在匹配每个元素之前插入内容

empty清除对象集合中每个元素的DOM内容

remove删除删除

removeClass如果移出多个以空格分隔的类名,则移出类名

本文由滁州易推网络公司提供,公司主要提供全椒网站建设业务,站内文章大部分为原创,部分转载于网络,若转载请标注 /article/17_97.html

上一篇:对于大多数程序员来说,C语言是第一种学习编程的语言,很少有程序员不懂C语言。
下一篇:发布并获得这对恋人的爱与死!