今天在tutorialzine发现一篇关于jquery使用技巧的，相当不错，翻译分享给各位。 1.使用最新的jquery版本 明河觉得这个建议有待商榷，虽然越新的jquery版本性能上更加优秀，但是有些方法的变迁还是会导致一些bug，比如从1.4.2到1.5时很多朋友就抱怨ajax上出现问题了。明河的建议是旧的页面的jquery升级需谨慎，新项目可以大胆的使用jquery新版本。 还有个建议是使用google的cdn上的jq......
使用javascript生成文件
点此查看demo demo中演示了使用javascript生成文件的典型应用：用户可以在输入框输入自定义的数据，然后可以点击保存，将这些数据保存到本地，无需再手动在本地新建个txt然后再复制，帮用户省了一步操作。 还有一个比较典型的应用：系统输出一段密匙给用户，密匙一般很复杂，希望用户可以快速保存到本地，本文的技术就派上用场了。 从理论上来讲，想要单纯依靠javascr......
使用jquery制作ajax提交表单时的交互按钮
当你的表单使用ajax来提交的时候，有一个点要关注：防止用户重复点击提交按钮，同时要跟用户一个良好的交互反馈，比如点击提交后，有“正在提交中….”的提示或者出现一张loading图片。 在这个demo很好的展示ajax表单提交时的按钮交互处理，同时代码也不会特别复杂，算是一个学习jquery的不错demo，原文请看《Create a Simple Interactive CSS Button with jQuery》。 1.构建一个简单......
使用jquery+css3制作旋转效果的幻灯片
这是tutorialzine上的一篇实战性颇强的教程，明河将其翻译过来，献给各位对css3敢兴趣的朋友。 这篇教程主要演示的是css3的旋转特性，由于浏览器间还是存在差异的，引入了jquery.rotate.js，姑且忽略IE。同时演示了jquery自定义事件的使用。 1.创建一个幻灯片html结构 <div id="slideShowContainer"> <div id="slideShow"> ......
jquery V1.4.3试用报告
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冲突，无法运行......
推荐6个使用jquery制作的选项卡
很久没发过与jquery相关的东西了，今天推荐6个使用jquery制作的选项卡 1、Create A Tabbed Interface Using jQuery 2、Sweet AJAX Tabs With jQuery 1.4 & CSS3 严重推荐围观。 3、Create a Slick Tabbed Content Area using CSS & jQuery 4、Fancy Sliding Form with jQuery 5、Create A Tabbed Interface Using jQuery 6、Tabify 原文：http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions
......jquery的ajax全局事件详解—明河谈jquery
jquery在ajax方面是非常强大和方便的，以下是jquery进行ajax请求时方法模板： $.ajax({ type: "get", url: "", data : {}, beforeSend : function(){ }, success : function(data){ ......
使用jquery制作背景变化菜单
jquery动画函数animate是不支持背景移动动画的，即无法对backgroundPosition进行处理，需要使用一个插件，这个插件名为jquery.backgroundPosition，接下来将使用这个插件，制作一个背景变化的菜单。 制作过程 1、创建如下html菜单结构 <ul> <li><a href="http://www.36ria.com/">首页</a></li> &......
基础模板的缺陷—jquery插件开发进阶教程（2）
这个系列的第一篇教程明河讲述了：jquery插件开发规范，今天这篇教程明河将讲述jquery插件基础模板的缺陷。 在jquery插件实战教程，明河曾以Colortip文字提示插件，讲解了jquery插件的基础模板： (function($){ $.fn.插件名 = function(settings){ var defaultSettings = { } /* 合并默认参......
实用jquery代码片段集合（下）
如何隐藏除了特定选择器下的全部对象 $(‘#target div:not(#exclude)’).hide(); //或者 $(‘#target’).children().filter(‘:not(#exclude)’).hide(); filter()起到过滤的作用。 寻找带有指定字符串的元素 var foundin = $(‘*:contains("明河")’); 获取垂直滚动距离 alert($(document).scrollTop()); scrollTop()非常实用的一个方法。 向表格追加一行数据 $(‘#myTable tr:last......
实用jquery代码片段集合（上）
加载google的jquery库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 有利于加快加载速度（已经得到验证）。 修改图片src更新图片 $(imageobj).attr(‘src’, $(imageobj).attr(‘src’) + ‘?’ + Math.random() ); （这是很实用的技巧，曾经有人问明河，为什么他已经修改了图片的src，但图片没变化呢？原因在于缓......
jquery插件开发规范—jquery插件开发进阶教程（1）
在明河真正讲解jquery插件开发进阶教程前，明河觉得很有必要先来说明下jquery插件开发规范，这些规范是明河学习jquery时不断积累下来的，不一定完全正确，甚至于你在开始编写第一个jquery插件时，觉得这些规范毫无意义。如果你有一天编写jquery时突然发现这些规范很有用处，恭喜你，你的水平上升了一个层次！ 一、请给你的代码加上注释 明河以前很不喜欢加注释，嫌太......