zepto.js不同于Jquery的地方

最新推荐文章于 2019-07-17 10:09:38 发布

Mmzer

最新推荐文章于 2019-07-17 10:09:38 发布

阅读量1k

点赞数

分类专栏：前端问题文章标签： jquery zepto js

本文链接：https://blog.csdn.net/chenzihan3417/article/details/44086133

版权

前端问题专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1、选择器选择的时候，若是一个完整的标签，则是创建标签

// 创建元素:
$("<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!')
})

2、特别注意

3、$.camelCase(String)

4、clone 通过深度克隆来复制集合中的所有元素。

此方法不会将数据和事件处理程序复制到新的元素。这点和jquery中利用一个参数来确定是否复制数据和事件处理不相同。

5、concat


  concat(nodes, [node2, ...])  ⇒ self

添加元素到一个Zepto对象集合形成一个新数组。如果参数是一个数组，那么这个数组中的元素将会合并到Zepto对象集合中。

6、data

7、forEach

   forEach(function(item, index, array){ ... }, [context])

   遍历对象集合中每个元素，有点类似  each，但是遍历函数的参数不一样，当函数返回 false 的时候，遍历不会停止

   这个是zepto提供的方法，不是Jquery的API

8、get

9、indexOf

indexOf(element, [fromIndex]) ⇒ number

在当前对象集合中获取一个元素的索引值（愚人码头注：从0开始计数）。如果给定formindex参数，从该位置开始往后查找，返回基于0的索引值，如果没找到，则返回-1。

  这是一个Zepto的方法，不是jquer的api。

10、is

  is(selector)  ⇒ boolean

判断当前元素集合中的第一个元素是否符css选择器。对于基础支持jquery的非标准选择器类似： :visible包含在可选的“selector”模块中。

jQuery CSS extensions 不被支持。选择“selector”模块仅仅能支持有限几个最常用的方式。

11、pluck

pluck(property) ⇒ array

获取对象集合中每一个元素的属性值。返回值为 null或undefined值得过滤掉。

这是一个Zepto的方法，不是jquery的api

12、push


  push(element, [element2, ...])  ⇒ self
  添加元素到当前对象集合的最后.
  这是一个zepto的方法，不是jquery的api

13、reduce


   reduce(function(memo, item, index, array){ ... }, [initial])  ⇒ value
   与 Array.reduce有相同的用法，遍历当前对象集合。memo是函数上次的返回值。迭代进行遍历。
   这是一个zepto的方法，不是jquery的api

14、Detect methods（检测方法）

    该检测方法可以在不同的环境中微调你的站点或者应用程序，并帮助你识别手机和平板；以及不同的浏览器和操作系统。

15、事件处理

    在对象集合的元素上触发指定的事件。事件可以是一个字符串类型，也可以是一个 通过$.Event 定义的事件对象。如果给定args参数，它会作为参数传递给事件函数。

16、Effects

 animate
   Zepto 还支持以下 CSS transform 属性：
    
   如果duration参数为 0 或$.fx.off 为 true(在不支持css transitions的浏览器中默认为true)，动画将不被执行；替代动画效果的目标位置会即刻生效。类似的，如果指定的动画不是通过动画完成，而且动画的目标位置即可生效。这种情况下没有动画，complete方法也不会被调用。
   如果第一个参数是字符串而不是一个对象，它将被当作一个css关键帧动画 CSS keyframe animation的名称。
   Zepto只使用css过渡效果的动画。jquery的easings不会支持。jquery的相对变化("=+10px") syntax 也不支持。请查看list of animatable properties。浏览器的支持可能不同，所以一定要测试你所想要支持的浏览器。
     
17、Touch
    
    
     
        “touch”模块添加以下事件，可以使用 
     
     on 和 
     
     off。 
     
     

    
    
    
       
     
     
    
    
    
       
     
     
    
    
    
    
     
       这些事件也是所有Zepto对象集合上的快捷方法。