我真的不喜欢$(document).ready(fn)快捷方式。当然，这减少了代码，但也降低了代码的可读性。当你看到$(document).ready(…)时，你知道你在看什么。$(…)被用于太多其他的方式，以至于没有立即的意义。

如果你有多个框架，你可以使用jQuery.noConflict();如你所说，但你也可以为它分配一个不同的变量，像这样:

var $j = jQuery.noConflict();

$j("#myDiv").hide();

如果你有几个框架可以归结为$x(…)风格的调用，这是非常有用的。

我真的不喜欢$(document).ready(fn)快捷方式。当然，这减少了代码，但也降低了代码的可读性。当你看到$(document).ready(…)时，你知道你在看什么。$(…)被用于太多其他的方式，以至于没有立即的意义。

如果你有多个框架，你可以使用jQuery.noConflict();如你所说，但你也可以为它分配一个不同的变量，像这样:

var $j = jQuery.noConflict();

$j("#myDiv").hide();

如果你有几个框架可以归结为$x(…)风格的调用，这是非常有用的。

缓存一个对象集合，并在一行中执行命令:

而不是:

var jQueryCollection = $("");

jQueryCollection.command().command();

我做的事:

var jQueryCollection = $("").command().command();

一个有点“真实”的用例可能是这样的:

var cache = $("#container div.usehovereffect").mouseover(function ()
{
    cache.removeClass("hover").filter(this).addClass("hover");
});

异步each()函数

如果你有非常复杂的文档，在迭代过程中运行jquery each()函数会锁住浏览器，并且/或Internet Explorer弹出“是否要继续运行此脚本”消息，这个解决方案将会挽救你的一天。

jQuery.forEach = function (in_array, in_pause_ms, in_callback)
{
    if (!in_array.length) return; // make sure array was sent

    var i = 0; // starting index

    bgEach(); // call the function

    function bgEach()
    {
        if (in_callback.call(in_array[i], i, in_array[i]) !== false)
        {
            i++; // move to next item

            if (i < in_array.length) setTimeout(bgEach, in_pause_ms);
        }
    }

    return in_array; // returns array
};


jQuery.fn.forEach = function (in_callback, in_optional_pause_ms)
{
    if (!in_optional_pause_ms) in_optional_pause_ms = 10; // default

    return jQuery.forEach(this, in_optional_pause_ms, in_callback); // run it
};

你可以使用它的第一种方式就像each():

$('your_selector').forEach( function() {} );

可选的第二个参数让你指定迭代之间的速度/延迟，这对动画可能很有用(下面的例子将在迭代之间等待1秒):

$('your_selector').forEach( function() {}, 1000 );

记住，因为这是异步工作的，你不能依赖于迭代在下一行代码之前完成，例如:

$('your_selector').forEach( function() {}, 500 );
// next lines of code will run before above code is complete

我为一个内部项目写了这篇文章，虽然我确信它可以改进，但它满足了我们的需要，所以希望你们中的一些人会觉得它有用。谢谢- - -

Replace anonymous functions with named functions. This really supercedes the jQuery context, but it comes into play more it seems like when using jQuery, due to its reliance on callback functions. The problems I have with inline anonymous functions, are that they are harder to debug (much easier to look at a callstack with distinctly-named functions, instead 6 levels of "anonymous"), and also the fact that multiple anonymous functions within the same jQuery-chain can become unwieldy to read and/or maintain. Additionally, anonymous functions are typically not re-used; on the other hand, declaring named functions encourages me to write code that is more likely to be re-used.

一个例子;而不是:

$('div').toggle(
    function(){
        // do something
    },
    function(){
        // do something else
    }
);

我喜欢:

function onState(){
    // do something
}

function offState(){
    // do something else
}

$('div').toggle( offState, onState );

换行和可链性

当在集合上链接多个调用时…

$("a").hide().addClass().fadeIn().hide();

你可以用换行符增加可读性。是这样的:

$("a")
.hide()
.addClass()
.fadeIn()
.hide();