一、触摸事件：
1.touchstart：手指刚接触屏幕时触发。
2.touchmove:手指在屏幕上移动时触发。
3.touchend:手指移开屏幕时触发。
eg: var span = document.getElementsByTagName(“span”)[0];
var div = document.getElementsByTagName(“div”)[0];
//手指刚放上去执行的事件
span.addEventListener(‘touchstart’,function(){
div.style.display=“block”;
},false);

		//手指移开的事件
		span.addEventListener(‘touchend‘,function(){
			div.style.display="";
		},false);

二、addEventListener：
1.是一个侦听事件并处理事件的函数
2.有三个参数，第一个是事件类型，第二个是执行的函数，第三个是事件捕获（true和false）
三、Zepto框架：
1.Zepto是一个轻量级的针对现代高级浏览器的JavaScript库
2.Zepto.js是专门为现代智能手机浏览器推出的Javascript框架
3.设计目的是提供jQuery类似的API
4.触摸屏的事件
四、引入zepto的环境：

五、zepto和jQuery的区别：
1.zepto不支持IE浏览器
2.添加ID的时候，jQuery不会生效，而zepto会生效。
3.使用jQuery执行load事件的处理函数不会执行,而zepto的会执行。
4.事件委托区别
5.zepto会返回包含盒子的边距以及边框的宽度，而jquery只返回盒子的宽度。
6.offset的区别，zepto的值有left,top,width,heigth,jQuery的值有width和height。
7.zepto的each方法只能遍历数组，不能遍历json。
六、zepto和jQuery相同的方法或属性：
1.$():语法，zepto(function($){
代码
})
2.创建元素以及属性：
eg: var $li = $(“

• li标签
• ”,{
  id:“li1”,
  css:{color:“red”}
  });

  	$li.appendTo($(‘body‘));
  3.addClass:给指定的元素添加样式
  	eg:$("#div1").addClass("bigFont");
  4.attr:获取或者设置元素的属性，如果只有一个参数的话，是获取，如果有两个参数的话，是设置。如果value的值是null的话，移除该属性。
  eg:
  //使用attr获取和设置input的属性
  alert($("input").attr("value"));
  //设置
  $("input").attr("type","button");
  //移除属性
  $("input").attr("value",null);
  5.has:判断当前的zepto对象里面是否包含其他元素。
  6.hasClass:判断当前的zepto里面是否包含其他的样式，如果有返回true，否则返回false。
  7.toggle:显示或隐藏匹配的元素。
  8.toggleClass:在匹配的元素上添加一个或多个样式类。如果有该样式，就删除，如果没有就添加。
  9.closest:从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。
  

移动WEB特效开发