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

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

var $j = jQuery.noConflict();

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

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

实时事件处理程序

为任何匹配选择器的元素设置一个事件处理程序，即使它在初始页面加载后被添加到DOM:

$('button.someClass').live('click', someFunction);

这允许您通过ajax加载内容，或通过javascript添加内容，并自动为这些元素正确设置事件处理程序。

同样地，要停止实时事件处理:

$('button.someClass').die('click', someFunction);

与常规事件相比，这些实时事件处理程序有一些限制，但它们在大多数情况下工作得很好。

要了解更多信息，请参阅jQuery文档。

更新:live()和die()在jQuery 1.7中已弃用。参见http://api.jquery.com/on/和http://api.jquery.com/off/了解类似的替换功能。

UPDATE2: live()早在jQuery 1.7之前就已经弃用了。对于1.7之前的jQuery 1.4.2+版本，请使用delegate()和undelegate()。live()示例($('button.someClass')。live('click'， someFunction);)可以像这样使用delegate()重写:$(document).delegate('button.someClass'， 'click'， someFunction);

在核心jQuery函数中，除了指定选择器参数外，还指定上下文参数。指定context参数允许jQuery从DOM中更深的分支开始，而不是从DOM根开始。给定一个足够大的DOM，指定上下文参数应该转化为性能提升。

示例:查找文档中第一个表单中radio类型的所有输入。

$("input:radio", document.forms[0]);

参考:http://docs.jquery.com/Core/jQuery # expressioncontext

“准备事件”的简称

显式和详细的方式:

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

速记:

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

更改输入元素的类型

我在尝试更改已附加到DOM的输入元素的类型时遇到了这个问题。您必须克隆现有元素，在旧元素之前插入它，然后删除旧元素。否则就不行:

var oldButton = jQuery("#Submit");
var newButton = oldButton.clone();

newButton.attr("type", "button");
newButton.attr("id", "newSubmit");
newButton.insertBefore(oldButton);
oldButton.remove();
newButton.attr("id", "Submit");

优化复杂选择器的性能

当使用复杂的选择器时，查询DOM的一个子集可以极大地提高性能:

var subset = $("");

$("input[value^='']", subset);