怎样建一个好的网站,万能素材,wordpress crm分销插件,互联网商城建设一、触摸事件#xff1a; 1.touchstart#xff1a;手指刚接触屏幕时触发。 2.touchmove:手指在屏幕上移动时触发。 3.touchend:手指移开屏幕时触发。 eg: var span document.getElementsByTagName(“span”)[0]; var div document.getElementsByTagName(“div”)[0]; //手指…一、触摸事件 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(():语法zepto(function(():语法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:从元素本身开始逐级向上级元素匹配并返回最先匹配的祖先元素。