zepto

Zepto.js 是专门为现代智能手机浏览器推出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了.


基本选择器   对比一下jquery


ID选择器：$("#foo")。
class选择器：$(".foo")。
标签(元素)选择器：$("div")、$("p")。
通用选择器：$("*")。


层级选择器


后代选择器：$("foo bar")。
子元素选择器：$("foo > bar")。
相邻且靠后选择器：$("foo + bar")。
同辈且靠后选择器：$("foo ~ bar")。


支持的选择器


基本伪类:first、:not(selector) 、:even 、:odd 、:eq(index) 、:gt(index) 、:lang1.9+ 、:last 、:lt(index) 、:header、:animated 、:focus1.6+ 、:root1.9+ 、:target1.9+。
内容伪类：:contains(text) 、:empty、 :has(selector)、 :parent 。
可见性伪类：:hidden 、:visible 。
属性选择器：[attribute!=value]。
表单伪类：:input、 :text、 :password、 :radio、 :checkbox、 :submit、 :image、 :reset、 :button、 :file、 :hidden 。
表单对象属性：:selected。






Touch


<style>.delete { display: none; }</style>


<ul id=items>
  <li>List item 1 <span class=delete>DELETE</span></li>
  <li>List item 2 <span class=delete>DELETE</span></li>
</ul>


<script>
// show delete buttons on swipe
$('#items li').swipe(function(){
  $('.delete').hide()
  $('.delete', this).show()
})


// delete row on tapping delete button
$('.delete').tap(function(){
  $(this).parent('li').remove()
})
</script>