15个相当不错的jquery技巧

jquery-15-tips

今天在tutorialzine发现一篇关于jquery使用技巧的,相当不错,翻译分享给各位。 1.使用最新的jquery版本 明河觉得这个建议有待商榷,虽然越新的jquery版本性能上更加优秀,但是有些方法的变迁还是会导致一些bug,比如从1.4.2到1.5时很多朋友就抱怨ajax上出现问题了。明河的建议是旧的页面的jquery升级需谨慎,新项目可以大胆的使用jquery新版本。 还有个建议是使用google的cdn上的jq......

使用javascript生成文件

js-generating-files

点此查看demo demo中演示了使用javascript生成文件的典型应用:用户可以在输入框输入自定义的数据,然后可以点击保存,将这些数据保存到本地,无需再手动在本地新建个txt然后再复制,帮用户省了一步操作。 还有一个比较典型的应用:系统输出一段密匙给用户,密匙一般很复杂,希望用户可以快速保存到本地,本文的技术就派上用场了。 从理论上来讲,想要单纯依靠javascr......

jquery+canvas实现html5幻灯片

slide-show

点此查看demo html5最重要的更新之一:增加了canvas,开始支持矢量绘画,目前浏览器支持比较好的是canvas的2d接口,3d有点遥远,通过canvas,我们可以在web设计中实现很炫的效果,从理论上来讲,大部分的flash动画特效都有办法使用canvas实现,当然实现的成本还是过高了。今天明河向各位讲解个canvas相关的实战教程:jquery+canvas实现html5幻灯片。 关于html5的canvas有个非常经典的教......

使用jquery制作ajax提交表单时的交互按钮

button

当你的表单使用ajax来提交的时候,有一个点要关注:防止用户重复点击提交按钮,同时要跟用户一个良好的交互反馈,比如点击提交后,有“正在提交中….”的提示或者出现一张loading图片。 在这个demo很好的展示ajax表单提交时的按钮交互处理,同时代码也不会特别复杂,算是一个学习jquery的不错demo,原文请看《Create a Simple Interactive CSS Button with jQuery》。 1.构建一个简单......

使用jquery+css3制作旋转效果的幻灯片

rotating-slideshow

这是tutorialzine上的一篇实战性颇强的教程,明河将其翻译过来,献给各位对css3敢兴趣的朋友。 这篇教程主要演示的是css3的旋转特性,由于浏览器间还是存在差异的,引入了jquery.rotate.js,姑且忽略IE。同时演示了jquery自定义事件的使用。 1.创建一个幻灯片html结构 <div id="slideShowContainer">         <div id="slideShow">          ......

jquery V1.4.3试用报告

16214359_3rO0

jquery V1.4.3已经正式发布!相对于1.4.2更新内容并不多,但修正了一些bug,性能上有一些提高,看下图: 上图是1.4.3和1.4.2的css()方法效率的比较。 1.4.3重构了css()方法,新的css()将支持旋转设置 jquery V1.4.3 在Google’s CDN上的路径为:http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js 下载的话,可以猛击此处进入jquery官网下载。 (文章中的动画demo由于与主题的jquery冲突,无法运行......