jq和zepto很相似有许多共同的api,zepto也出了很多与jq不一样的api,总的来说,两者更相似,但是zepto更轻量一点,正好公司也在用,复习这两个没错 jq中的zepto的事件和ajax我没有整理,因为之前有专门的文章去详细的写了ajax和事件绑定的区别 再学ajax--第一天 再学ajax--第二天 | 基于php+mysql+ajax的表单注册.登录.注销 JS进阶 | 分析JS中的异步操作 面试 | 蚂蚁金服面试经历 也讲到了js中的绑定事件的区别bind.on.delegat…

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto. http://www.html-5.cn/Manual/Zepto/ Echo.js – 简单易用的 JavaScript 图片延迟加载插件 http://www.cnblogs.com/lhb25/p/echo-js-image-lazy-loading-plugin.html jquery.template.js与Zepto结合 var…

一,同: Zepto最初是为移动端开发的库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小.Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要.大多数在jQuery中·常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的.另外,因为Zepto的API大部分都能和jQuery兼容,所以用起来极其容易,如果熟悉jQuery,就能很容易掌握Zepto.你可用同样的方式重…

原文地址:http://zeptojs.com/ 译文地址:http://www.html-5.cn/Manual/Zepto/ Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto. 设计的目的是提供jquery的类似的APIs,但并不是100%覆盖jquery为目的.zepto设计的目的是有一个5-10k的通用库.下载并执行快.有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上. Z…

jQuery和Zepto是我比较常用的插件.其实用法差不太多,可以说Zepto是jQuery的轻量级替代品,但是不要认为Zepto就没有jQuery好用,因为Zepto有jQuery没有的功能,就是移动端上的各种事件,比如左切,右切,上切,下切,双击和长按等,这些都是jQuery所没有的.不过Zepto的兼容性就没有jQuery好了,因为Zepto在开发者的沈思熟虑中不在兼容低端的浏览器.不过我们可以在使用Zepto时将jQuery做为后备,不过它俩的API并不是完全兼容的,这点我们需要注意一下…

jQuery 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作.动画等功能上或多或少都会是 jQuery-like 的. Zepto 的 API 就是完全兼容 jQuery 的,功能上 Zepto 是 jQuery 的子集, ·定位上 jQuery 桌面为主 ·Zepto 则从一开始就定位移动设备, 所以体积方面有一定优势.也就是说如果你只用了 jQuery 很少且都是核心的功能,比如选择器等,那么可以在不改动任何业务代码的情况下把 lib 切换到 Zepto--其…

相同点 相同点: zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品.文件大小比较小 只有8k左右 ,是目前功能库中最小的一个,尽管不大,zepto 所提供的工具足以满足开发程序的需要,大多数在jquery中常用的API和方法Zepto 都有,Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多 jQuery: 主要用于PC端的页面开发,jquery 是目前最流行的javascript 框架,它能兼容市面上主流的浏览器,插件也是相…

CSS Themes "light-theme" "dark-theme" "compact-theme" How To Use Step 1: together with JQuery, include jquery.simplePagination.js in your page: << span>scripttype="text/javascript"src="path_to/jquery.j…

jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如何来开放接口,使之可以进行扩展,两者都会有类型判断,本文使用简单的类型判断,暂不考虑兼容. 类型判断 var class2type = {},toString = class2type.toString,$={}; //判断类型 function type(obj) { return obj == null ? String(obj) : class2type[toString.ca…

-->目录导航 一. 初探Jquery 1. 介绍 2. 基础 二. Jquery操作 1. jQuery页面加载 2. 选择器 3. 操作Dom 三. Jquery进阶 1. 隐式迭代与链式编程 2. RadioButton操作 3. 事件 4. 动画 5. jQuery 插件 6. Ajax 四. Jquery练习 一. 初探Jquery 在BS系统开发中,Jquery的使用更加是少不了的,通过本文我们来复习一下Jquery的知识,达到温故而知新的目的. 1. 介绍 jQuery就是Java…

HBuilder有通行的js扫描分析提示,大部分js库都可以方便的提示.但js是一门超级灵活的语言,通行分析有时分析的不够完美,如果对框架做单独优化配置,可以有更好的提示.DCloud官方对jquery.zepto.angular.bootstrap.微信JS SDK和MUI等框架专门做了优化.但js框架太多,而我们精力有限,所以我们也提供了扩展方案,大家可以一起来完善js框架的优化提示. 官方优化的js库的提示挂载方法:使用jquery.mui等框架,如果工程下存在标准的框架文件,或者HTML…

解决jquery与zepto等其它库冲突兼容的问题;(function ($) {    }) (jQuery); ;(function ($) {    }) (Zepto); 在Bootstrap源码(具体请看<Bootstrap源码解析>)和其他jQuery插件经常看到如下的写法: +function ($) {         }(window.jQuery);…

如今技术日新月异,各类框架库也是层次不穷.即便当年漫山红遍的JQuery(让开发者write less, do more,So Perfect!!)如今也有被替代的大势.但JS原生API写法依旧:并且有时候只不过小写一个Demo,或者产品中只有少量的前端效果或DOM操作,就去花时间&空间引入jQuery,或者React?不免有取宰牛之刀以杀鸡之嫌. 原文首链:http://www.jeffjade.com/2015/11/25/2015-11-31-jQuery-vs-javaScript/ 在…

demo: http://datatables.net/release-datatables/examples/api/select_single_row.html 选择一行http://datatables.net/release-datatables/examples/api/select_row.html选择多行http://datatables.net/release-datatables/examples/api/editable.html 即时编辑行http://datatables…

jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅.                 1.Hello MiniUI!                2.MiniUI系统架构                3.表单篇 4.表格篇                5.树形篇                6.布局器篇                7.导航器篇 API组件参考手册 了解jQuery Mini…

学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/2006942 1:导入包: URL:http://www.datatables.net/ 分别导入css和js文件 <style type="text/css" title="currentStyle"> @import "css/demo_page.cs…

特殊操作下,项目中同时引入这两个文件时,往往会有些冲突,应该加一句代码避免冲突 <script src="~/js/jquery-2.1.4.js"></script> <script>jQuery.noConflict()</script> <script src="~/js/zepto.min.js"></script> 1 2 3 1 2 3 加这句 <script>jQuer…

jquery中文API地址 里面有对各个版本的jquery的属性.方法等都有全面的介绍加例子,值得拥有!…

Write Less, Do More! ——John Resig(jQuery设计者) 目录 基础知识 概况 编程访问DOM节点 基础知识 Web网页是有结构的HTML文档.浏览器分析HTML文档,将其转换为一棵DOM树,提供一套API,通过JavaScript代码操纵这棵树. 概括 事件处理 不同浏览器之间的事件处理机制存在差异,jQuery统一规范了各种事件响应代码的编写方式,大大地提升了开发效率! 节点类型常量 值 Node.ELEMENT_NODE 1 Node.ATTRIBUTE_N…

1.width()/height() Zepto.js: 由盒模型(box-sizing)决定 jQuery: 忽略盒模型,始终返回内容区域的宽/高(不包含 padding.border) jQuery 官方的说明: Note that .width() will always return the content width, regardless of the value of the CSS box-sizingproperty. As of jQuery 1.8, this may re…

百度云盘 传送门 密码 :ko30 高德地图api效果 <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-sca…

1.针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件.swipe事件),Zepto是不支持IE浏览器的. 2.DOM操作的区别:添加id时jQuery不会生效而Zepto会生效 3.事件触发的区别:使用jquery时load事件的处理函数不会执行:使用zepto时load事件的处理函数会执行 4.width() 与 height()的区别:zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css('width')返回bord…

重要说明:与配置选项类似,Autocomplete插件的方法也不是直接调用,而且通过autocomplete()方法进行间接调用.例如: $("#title").autocomplete( "方法名", "参数1", "参数2" ); Autocomplete的方法列表 close() 关闭自动完成显示的菜单. $( "#title" ).autocomplete( "close" );…

这篇文章比较繁杂,主要就是把jQuery源码从上到下列出来,看我的注释就好了. jQuery源码对各种加载器做了处理. //阅读这个源码是请先了解一下概念,即时函数,工厂模式 (function( global, factory ) { //这里之所以这样处理,是为了考虑CommonJS的环境,所以先检测是否有CommonJS的环境. if ( typeof module === "object" && typeof module.exports === "o…

·概述 在任何DOM元素启用拖动功能.通过单击鼠标并拖动对象在窗口内的任何地方移动. 官方示例地址:http://jqueryui.com/demos/draggable/ 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示被拖拽的元素的JQuery对象 ui.position - 表示相对当前对象,鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面,鼠标的坐标值对象{top,left} ·…

页面主要代码如下 <div data-role="page" id="page1">     <div data-role="header">       <div data-role="fieldcontain">                 <input name="search" id="search" placeholder=&quo…

<script type="text/javascript" src="js/jquery.min.js"></script> <script>$.noConflict();</script>…

1.AjaxUpload上传插件 浏览器迫使我们使用文件输入控件(<input type=”file” />)做上传,然而此控件的样式是不能修改的.此外,基于表单上传在流行的Ajax应用程序面前显得过时了.我们可以使用flash解决这个问题, 但实际上JavaScript也能做的很出色. Ajax Upload文件上传插件允许你上传多个插件而无需刷新页面,可以使用任何的元素来显示文件选择窗口.它可以在所有主流的浏览器下工作,从2.0版本开 始,不需要任何库运行.Ajax Upload文件上传插…

ajaxFileUpload是一个异步上传文件的jQuery插件. 语法:$.ajaxFileUpload([options]) options参数说明: 1.url  上传处理程序地址. 2,fileElementId  需要上传的文件域的ID,即<input type="file">的ID.3,secureuri 是否启用安全提交,默认为false. 4,dataType 服务器返回的数据类型.可以为xml,script,json,html.如果不填写,jQuery会自…

在jquery下,我们获取select表单选中的值通常是通过$('select').val()来实现,这样的方式简单又明了,或者通过$('select option[selected]').text()或$('select option:selected').text()这样的代码来实现,其实本来$('select').val()这种方式就很好,但在项目中我想获取给每个option自定义的属性的值,我就要通过后者的类似的写法$('select option:selected').attr('da…