<div>
<button>Close</button>
</div>
$('#panel').fadeIn(function(){
// this points to #panel
$('#panel button').click(function(){
// this points to the button
$(this).fadeOut();
});
10.});

嵌套的二个回调函数this指向是不同的！现在我们希望this的指向是#panel的元素。代码如下：

复制代码 代码如下:

$('#panel').fadeIn(function(){
// Using $.proxy to bind this:

$('#panel button').click($.proxy(function(){
// this points to #panel
$(this).fadeOut();
},this));
});

10.快速获取节点数
这是个常用的技巧，代码如下：

复制代码 代码如下:

console.log( $('*').length );

11.构建个jquery插件

复制代码 代码如下:

(function($){
$.fn.yourPluginName = function(){
// Your code goes here
return this;
};
})(jQuery);

关于jquery插件的构建，明河曾发过系列教程，传送门：制作jquery文字提示插件—jquery插件实战教程（1）。
这里就不再详述。

12.设置ajax全局事件
关于ajax全局事件，明河曾发过完整的介绍文章，传送门：《jquery的ajax全局事件详解—明河谈jquery》。

13.延迟动画

复制代码 代码如下:

// This is wrong:
$('#elem').animate({width:200},function(){
setTimeout(function(){
$('#elem').animate({marginTop:100});
},2000);
});

// Do it like this:
$('#elem').animate({width:200}).delay(2000).animate({marginTop:100});

当存在多个animate动画时，如何处理动画的执行顺序是个烦心事，原文作者是建议使用delay()函数，如上面的代码，但明河的建议是使用queue()方法，因为delay你要考虑延迟多少时间，而queue没有这个问题，进入队列的函数会一个个顺序执行。可以看明河以前的文章queue和dequeue—明河谈jquery。

15.jquery的本地存储
本地存储在现在web应用中使用越来越频繁，jquery有个专门用于本地存储的插件叫$.jStorage jQuery plugin。

复制代码 代码如下:

// Check if "key" exists in the storage
var value = $.jStorage.get("key");
if(!value){
// if not - load the data from the server
value = load_data_from_server();
// and save it
$.jStorage.set("key",value);
}

您可能感兴趣的文章:jQuery常见开发技巧详细整理jQuery的12招常用技巧分享jquery常用技巧及常用方法列表集合jQuery技巧总结JQuery 学习技巧总结jQuery 技巧小结jQuery 常见开发使用技巧总结