摘要：最近在网上找了很多关于jquery的Deferred介绍的文章，唯独觉得这篇外文博文介绍的比较详细，现翻译出来：原文：Deferreds and Promises in JavaScript(http://flaviocopes.com/deferred-and-promises-in-javascript/)Promises是一种实现javascript异步调用的新方式，它对于结构化你的javascript代码非常有帮助。一个Promise代表了一个事件对象，在这个对象的整个生命周期中，它从刚开始调用时的挂起状态，到完成调用的解决或拒绝状态，或者它一直处于挂起状态而永远也不被解决。它是jav 阅读全文

摘要：一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了deferred对象。简单说，deferred对象就是jQuery的回调函数解决方案。在英语中，defer的意思是"延迟"，所以deferred对象的含义就是&qu 阅读全文

摘要：each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, object 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法：1.each处理一维数组：1 var arr1 = [ "aaa", "bbb", "ccc" ]; 2 $.each(arr1, function(i,val){ 3 alert(i); 4 alert(val);5 }); 结果：alert(i)将输出0，1. 阅读全文

摘要：在前端开发过程中，页面cookie的使用频率应该是很高的，为了对常用的这些工具组件做个整理，昨天写了一个简单的cookie插件js 代码如下： 1 ;(function($,document,undefined){ 2 var defaults= { 3 path : "/", 4 secure:"" 5 }; 6 $.cookie = function(key,value,options){ 7 //write cookie 8 if(value !== undefined){ 9 options... 阅读全文

摘要：今天在看jquery的cookie插件时碰到一个疑问，为什么在匿名函数中传入了一个形参undefined,不知道是干嘛用的，于是google找到了答案：例如常见的插件写法：1 ;$(function($,document,undefined){2 3 //插件实现具体代码4 5 })(jQuery,document);一般在很多jQuery插件中可以看到类似的代码，对上面这段代码做一个简单分析：1. 代码最前面的分号，可以防止多个文件压缩合并而其他文件最后一行代码未添加分号引起的语法错误。2. 一个立即执行的匿名函数，可以形成一个独立的执行作用域，可以其他函数体内的局部变量污染全局命名空间.. 阅读全文

摘要：昨天把jquery插件部分重新看了一遍，发现jQuery.extend()这个函数使用比较高，现在将其用法整理如下：1. 扩展jQuery类级全局方法：1 $.extend({2 trim:function(str){3 str.replace(/^\s*/g,"");4 }5 });2. 合并多个object对象以jQuery.extend(css1,css2)为例，css1,css2对象有一些属性extend函数会把css2有而css1没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用，就会用css2的属性去覆盖css1的同名属性。css1就是 阅读全文

摘要：jQuery插件开发包括三种：1. 封装对象方法的插件 这种插件将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件，有两种形式可实现：形式1：1 (function(){2 $.fn.extend({4 pluginName:function(options,callback){6 }7 });8 })(jQuery);形式2：1 (function($){2 $.fn.pluginName = function(){3 // plugin implement code 4 }5 })(jQuery);附注：1. 在插... 阅读全文

摘要：html 代码结构如下： 1 2 3 1 4 2 5 3 6 4 7 5 8 6 9 710 11 12 13 14 15 16 ... 阅读全文

摘要：parent()、parents()与closest()方法两两之间有类似又有不同用例子来说明一下这三个方法的使用区别： Home End接下来，分别看看这三个方法：//点击Home时$("#menu a").click(function() { $(this).parent("ul").css("background", "yellow"); //0 $(this).parent("li").parent("ul").css("background... 阅读全文

摘要：jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢？大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取 阅读全文