zepto框架学习日记

zepto学习笔记(一)

文档就绪

1. 可以用jQuery的文档就绪方式
2. Zepto(function($){ … })

核心方法

1. 选择器

   • 常用的选择器zepto都可以支持，css3.0的部分选择器支持，E:nth-child(n)、E:first-child
   • 不支持的选择器有（引入selector.js的文件后这些选择器都可以支持）
   • :first
   • :last
   • :even
   • :odd
   • :eq(n) 从0开始

2. $() 新建元素

   • $("<p id='greeting'>Hello</p>") //=> 新的p元素
   • $("<p />", { text:"Hello", id:"greeting", css:{color:'darkblue'} }) => <p id=greeting style="color:darkblue">Hello</p>

3. $.camelCase(string) ⇒ string

将一组字符串变成“骆驼”命名法的新字符串，如果该字符已经是“骆驼”命名法，则不变化

1. $.each()

遍历数组元素或以key-value值对方式遍历对象。回调函数返回 false 时停止遍历与jQuery中的each(callback)用法不一样 each(callback)以每一个匹配的元素作为上下文来执行一个函数。

$.each(['a', 'b', 'c'], function(index, item){  console.log('item %d is: %s', index, item)   //%d number  %s string})var hash = { name: 'zepto.js', size: 'micro' }$.each(hash, function(key, value){  console.log('%s: %s', key, value)})

1. $.extend(obj1,obj2)

通过源对象扩展目标对象的属性，源对象属性将覆盖目标对象属性。与jQuery.extend()用法相同

var target = { one: 'patridge' },    source = { two: 'turtle doves' }$.extend(target, source)//=> { one: 'patridge',//     two: 'turtle doves' }