【zepto和jquery的区别，zepto的不同使用8条小结 会JS就会zepto】的更多相关文章

zepto和jquery的区别，zepto的不同使用8条小结 会JS就会zepto

1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果:  TypeError: Object has no method 'addEventListener'  解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').bind('cust', function(){}); 2. Zepto 的选择器表达式: [name=value]  中value 必须用 双引号 "  or 单引号 ' 括起来 例如执行:$(…

zepto和jquery的区别，zepto的不同使用8条小结

说到诡异事件发生的原因,自然是想到两者之间的差异性. 首先是效果: jquery中有fadeIn和fadeOut两个效果,用来实现渐隐渐显的效果,这个在PC端自然是常用的效果.然后我们前端组的组员Mr Huang自然是想到手机页面也可以更加炫丽,于是加上了登录框的渐隐效果.给用户缓冲的效果不错. 但是,zepto中并没有fadeIn和fadeOut,怎么办?难道真的就无法满足Mr Huang的愿望了吗?No. I will do it.在zepto中有个动画效果(animate),用这个效果来实…

Zepto与jQuery的区别

1. 事件绑定 var isTouch= !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), eStart = isTouch ? 'touchstart' : 'mousedown', eMove = isTouch ? 'touchmove' : 'mousemove', eEnd = isTouch ? 'touchend' : 'mouseup'; $(this).on(eEnd,function(event){ //... }}…

Zepto和Jquery区别

---恢复内容开始--- <zepto移动端事件> 1.$("#xx").tap(function(){ //tap在屏幕点击时触发 alert("sssss"): }) 2.$("div").singleTap(function(){ //singleTap在屏幕单击时触发 alert("单击"): }) 3.$("div").doubleTap(function(){ //doubleTap…

Zepto——简化版jQuery，移动端首选js库

转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html 一:Zepto是什么 Zepto最初是为移动端开发的js库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小. Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要. 大多数在jQuery中常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的(移动端支持…

移动端翻页插件dropload.js（支持Zepto和jQuery）

一. 声明 代码来源:github上的dropload项目. 二. 问题 dropload.js提供了最基本的上拉翻页,下拉刷新功能.对于由服务端一次返回所有数据的情况基本通用. 但是,需求往往不是服务端一次性返回所有数据,往往还要支持服务端分页,搜索,排序,多条件筛选等功能.(比较类似美团美食的界面) 三. 解决方案. 改进1:由于有分页,搜索,排序,多条件筛选功能,可能都不需要上拉,进到页面就没有数据. 例如:搜索一个服务端不存在的名字. 所以,添加接口设置setHasData. MyDro…

移动端-手机端-日历选择控件（支持Zepto和JQuery）

一. 效果图 二. 功能说明 1. 支持切换年份,月份. 2. 支持点击选中日期,也可以点击确定选择日期. 三. 使用方法 1. 添加Input 在你的页面中添加Input输入框.可以再html里,也可以JS动态加载. 我这里使用的时Input-group形式的输入框,是JS加载的. 一般使用的话,直接写个input输入框就行. <div class="item item-buydate input-group"> <span class="input-gr…

zepto与jquery冲突的解决

一般是不会把zepto和jquery一起来用的.但有时候要引入一些插件,可能就会遇到这样的问题. jquery noConflict() jquery有一个方法叫noConflict() ,可以把jquery的$改掉. var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧. zepto的符号改掉 window.$$=window.Zepto = Zepto 在zepto里加入这一行代码,就可以用$$来代替zepto里的$了.当然也可以选择其他符号来代替.…

【javascript类库】zepto和jquery的md5加密插件

[javascript类库]zepto和jquery的md5加密插件 相信很多人对jQuery并不陌生,这款封装良好的插件被很多开发者使用. zepto可以说是jQuery在移动端的替代产品,它比jQuery更轻巧,而且添加了移动端特有的tap等方法. 写这篇文章的目的是:在jQuery和zepto的扩展中,我发现两者有不一样的地方,将jQuery插件迁移到zepto是,需要注意这些不一样. jQuery参考官方文档:http://jquery.com/ 或者jquery中文文档:http://…

移动端日历选择控件（支持Zepto和JQuery）

移动端日历选择控件(支持Zepto和JQuery) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal…

php课程---JavaScript与Jquery的区别（转）

jQuery能大大简化Javascript程序的编写,我最近花时间了解了一下jQuery,把我上手过程中的笔记和大家分享出来,希望对大家有所帮助.要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如:<script language="javascript" src="/js/jquery.min.js"></script>库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访…

jQuery方法区别:click() bind() live() delegate()区别

今天看到一篇jquery 事件的文章,自己写了个小例子,虽然2种方式都可以实现,但是不太明白,找了点资料 $("#box1").delegate("p","click",function(e){//函数绑定到容器 alert(this.id) }) $("#box1 p").click(function(e){ alert(this.id) }) 博客链接 : http://www.cnblogs.com/zagelover/…

angular和vue还有jquery的区别

angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框架, , 对view的dom操作或者时间监听都是在directive中实现的, 而且一般情况下很少直…

jQuery (js 和 jQuery 的区别)

js 和 jQuery 的区别  主要体现在Dom操作 (jq代表我找到的元素对象)找元素:    js:document.get...    jquery: $(选择器)设定:jq 是jquery对象     js  是JavaScript对象操作内容:js:js.innerHTML    js.value非表单元素:jq:jq.html()  jq.html("sad")     jq.html(jq.html()+"sad")追加值 表单元素:jq.val()…

JS和jQuery用法区别

目录 JS和jQuery用法区别 外观区别 查找元素 操作标签 操作内容 操作属性 操作位置 操作样式 事件 JS和jQuery用法区别 外观区别 jQuery与JS最直观的区别就是外观上jQuery对象比js对象多了"$()". 查找元素 js方法: var a = document.getElementById("id名"); 返回一个对象 var a = document.getElementsByClassName("class名");…

什么是AngularJs？特点是什么？和JQuery什么区别和联系

什么是AngularJs? AngularJs是js框架,集中操作数据,不关注Dom操作,适用于以数据操作为主的的SPA(单页应用). 它的特点 采用MVC模型 双向数据绑定 依赖注入 模块化 与jQuery的区别和联系 jQuery是一个js函数库,对js进行功能性的封装,简化Dom操作等:而AngularJs颠覆了传统的Dom操作,集中于数据的操作:AngularJs是在jQuery的基础上进一步的封装. 参考:https://www.cnblogs.com/softwarefang/p/6…

jquery.cookie 使用文档，$.cookie() 文档教程， js 操作 cookie 教程文档。

jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档. jquery.cookie中的操作: jquery.cookie.js是一个基于jquery的插件,https://github.com/carhartl/jquery-cookie 创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话coo…

Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式

Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2017年1月9日 08:52:19 星期一 http://www.cnblogs.com/fanshuyao/ 一.扩展easyui的验证规则 二…

jQuery 自制上传头像插件-附带Demo实例（ajaxfileupload.js第三弹）

这篇文章主要是对前两篇关于ajaxfileupload.js插件的文章 <ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)> <jQuery 关于ajaxfileupload.js插件的逐步解析(ajaxfileupload.js第二弹)> 的一个收关.但是最初也是因为想做这么一个功能,一点一点的引发出了好多问题,不断去学习,研究,才写了这三篇. 早些时候已经实现了上传头像的功能,但是代码却是零零散…

30款基于 jQuery & CSS3 的加载动画和进度条插件

我们所生活每一天看到的新技术或新设计潮流的兴起,Web 开发正处在上升的时代.HTML5 & CSS3 技术的发展让 Web 端可以实现的功能越来越强大. 加载动画和进度条使网站更具吸引力.该进度条也会显示有价值的信息给用户,因为他们会通知用户,有一些还在进行,并要求用户耐心等待.下面是30款基于 jQuery & CSS3 的加载动画和进度条插件. Animated Progress Bars with CSS3 [ Demo | Download ] Spin JS Bar [ Dem…

JQuery插件：动态列和无间隙网格布局Mason.js

来源:GBin1.com 在线演示 JavaScript提供很多强有力的方案,解决动态列的网格布局(例如:Pinterest).这些方案很有效,但是,有时候,会造成网格的间隙或粗糙的边缘. Mason.js是一个jQuery插件,巧妙地填充了这些间隙. 当创建一个网格时候,插件就开始计算这些间隙,然后就使用预定义的元素或是在网格中复制的内容来填充这些间隙. 可以定义用于元素的大小,列/行的大小,断点的大小,或者布局是流动还是固定的. via 极客社区 来源:JQuery插件:动态列和无间隙网格布…

【学习】Zepto与jQuery 差别

前几天遇到一个项目,需要把jquery全部改成Zepto,当时因为自己没有实际经验,所以没有接.今天查了一下两者究竟有什么区别. 首先看到了这么一篇文章:http://www.bootcss.com/article/why-we-dropped-zepto/, 里面提到这些,让我觉的,Zepto似乎没有什么研究的必要了.如图: 接着,我又看到网上说,Zepto就是为移动端而开发的,而且比jqueryMobile的速度快,于是我又搜到了这么两篇文章,觉的可以先放进博客里,以后说不定哪天会用到. <…

移动端轮播图插件（支持Zepto和jQuery）

一. 效果图 二. 功能介绍 1. 支持图片自动轮播和非自动轮播 2. 支持点击和滑动. 三. 简单介绍 代码都有注释,逻辑简单,不做更多赘述. 1. 在你的html中添加一行. <section class="slider-wrap" style="height:160px" id="banner"></section> 2. 在你的处理页面逻辑的JS代码中添加以下代码: (1)先是动态加载html. (2)然后调用sl…

zepto和jquery关于获取css样式的试用差别

例如 获取 html标签的 字体大小, zepto中方法:$("html").css( "font-size" ); jquery中方法:$("html").css( "fontSize" ); 一个用连字符,一个用驼峰命名法获取.…

zepto与jquery冲突

公司项目中一直用的都是zepto,但是jQuery扩展的插件比较多. jQuery有一个方法noConflict(),可以把jQuery的$改掉.var aa = $.noConflict();就用aa来替代$了. window.$$=window.Zepto = Zepto 在zepto里加入这一行代码,就可以用$$来代替zepto里的$了.当然也可以选择其他符号来代替.…

多Tabs的横向滚动插件（支持Zepto和jQuery）

一. 效果图 二. 功能介绍 1. 支持横向移动 2. 支持点击Tab后该Tab居中 3. 拉到最左边和最右边后依然可以拉动,只是tabs的移动距离变小. 三. 使用说明 1. 在你的html中添加Tabs相关的代码. <div class="analysis-tabs-title"> <ul> <li class="active" data-param="overview">综合分析</li> &…

zepto和jQuery on事件委托在苹果手机上的”坑“

移动端用zepto做的页面,突然发现on绑定的click事件并没有触发,代码如下: <ul> <li class="a">1111111aaaaaaasssss</li> <li class="b">aaaaaaassssss</li> <li class="c">ssssssss</li> </ul> <script> $(documen…

Zepto源码分析之二（新旧版本zepto.Z方法的区别）

在上一节中讲到Z()方法,是在初始化函数init中直接调用zepto.Z() zepto.Z = function(dom, selector) { dom = dom || [] dom.selector = selector || ''; // 隐式原型上赋值,低版本IE不支持,但zepto主要用于移动端,不存在低版本IE的情况 dom.__proto__ = $.fn; return dom; // 返回的是一个纯数组 }; zepto.Z.prototype = $.fn 旧版中,直接将…

前端学习笔记(zepto或jquery)——对li标签的相关操作（二）

对li标签的相关操作——8种方式获取li标签的第一个元素的内容 1.alert($("ul>li").first().html());2.alert($('ul>li').eq(0).html());3.alert($('ul>li:nth-child(1)').html()); 4.alert($('ul').children()[0].innerHTML);5.alert($('ul>li')[0].innerHTML);6.alert($('ul').fi…

前端学习笔记（zepto或jquery）—— 布局技巧（一）

html5中有一些标签我们很难改变其样式,例如input=file,select等.这个时候我们需要改变一下思路,将原有透明度置为0,借助于div或span等以控制样式的标签来代替. 效果图: <div class="right"><span>请选择</span><i class="ion ion-ios-arrow-right"></i> <select id="Dept" cl…