似乎大多数有趣和重要的技巧都已经提到了，所以这一点只是一个小小的补充。

这个小技巧就是jQuery。每个(对象，回调)函数。每个人都可能使用jQuery.each(回调)函数来遍历jQuery对象本身，因为这很自然。jQuery。每个(对象，回调)实用程序函数迭代对象和数组。在很长一段时间里，除了不同的语法之外，我不知道它能做什么(我不介意写所有时髦的循环)，我有点惭愧，直到最近我才意识到它的主要优点。

问题是，自从jQuery的循环体。每个(对象，回调)是一个函数，每次在循环中都获得一个新的作用域，这在循环中创建闭包时尤其方便。

换句话说，一个典型的常见错误是这样做的:

var functions = [];
var someArray = [1, 2, 3];
for (var i = 0; i < someArray.length; i++) {
    functions.push(function() { alert(someArray[i]) });
}

现在，当您调用函数数组中的函数时，您将得到三次警报，内容为undefined，这很可能不是您想要的。问题是只有一个变量i，而所有三个闭包都指向它。当循环结束时，i的最终值是3,somearray[3]是未定义的。你可以通过调用另一个函数来为你创建闭包。或者你使用jQuery实用工具，它基本上会为你做:

var functions = [];
var someArray = [1, 2, 3];
$.each(someArray, function(item) {
    functions.push(function() { alert(item) });
});

现在，当您调用这些函数时，您将得到三个内容为1、2和3的警报。

一般来说，没有什么是你自己不能做的，但拥有它是很好的。

使用.stop(true,true)当触发一个动画防止它重复动画。这对于翻转动画特别有用。

$("#someElement").hover(function(){
    $("div.desc", this).stop(true,true).fadeIn();
},function(){
    $("div.desc", this).fadeOut();
});

在方法调用(如.append())中使用自动执行的匿名函数来遍历某些内容。例如:

$("<ul>").append((function ()
{
    var data = ["0", "1", "2", "3", "4", "5", "6"],
        output = $("<div>"),
        x = -1,
        y = data.length;

    while (++x < y) output.append("<li>" + info[x] + "</li>");

    return output.children();
}()));

我使用这种方法来迭代那些不适合跳出我的链接来构建的大而不舒服的东西。

“准备事件”的简称

显式和详细的方式:

$(document).ready(function ()
{
    // ...
});

速记:

$(function ()
{
    // ...
});

似乎大多数有趣和重要的技巧都已经提到了，所以这一点只是一个小小的补充。

这个小技巧就是jQuery。每个(对象，回调)函数。每个人都可能使用jQuery.each(回调)函数来遍历jQuery对象本身，因为这很自然。jQuery。每个(对象，回调)实用程序函数迭代对象和数组。在很长一段时间里，除了不同的语法之外，我不知道它能做什么(我不介意写所有时髦的循环)，我有点惭愧，直到最近我才意识到它的主要优点。

问题是，自从jQuery的循环体。每个(对象，回调)是一个函数，每次在循环中都获得一个新的作用域，这在循环中创建闭包时尤其方便。

换句话说，一个典型的常见错误是这样做的:

var functions = [];
var someArray = [1, 2, 3];
for (var i = 0; i < someArray.length; i++) {
    functions.push(function() { alert(someArray[i]) });
}

现在，当您调用函数数组中的函数时，您将得到三次警报，内容为undefined，这很可能不是您想要的。问题是只有一个变量i，而所有三个闭包都指向它。当循环结束时，i的最终值是3,somearray[3]是未定义的。你可以通过调用另一个函数来为你创建闭包。或者你使用jQuery实用工具，它基本上会为你做:

var functions = [];
var someArray = [1, 2, 3];
$.each(someArray, function(item) {
    functions.push(function() { alert(item) });
});

现在，当您调用这些函数时，您将得到三个内容为1、2和3的警报。

一般来说，没有什么是你自己不能做的，但拥有它是很好的。

无用的模式

jQuery.noConflict();

运行此函数将$变量的控制权交还给第一个实现它的库。这有助于确保jQuery不会与其他库的$ object冲突。 通过使用这个函数，你将只能通过jQuery变量访问jQuery。例如，你过去做$("div p")，你现在必须做jQuery("div p")"。