我的意见)

通常，使用jquery意味着你不必一直担心DOM元素。你可以这样写- $('div.mine'). addclass ('someClass')。Bind ('click'， function(){alert('lalala')}) -这段代码将执行而不会抛出任何错误。

在某些情况下，这是有用的，在某些情况下-根本不是，但这是一个事实，jquery倾向于，嗯，空匹配友好。但是，如果试图将replaceWith与不属于文档的元素一起使用，则会抛出错误。我觉得这是违反直觉的。

另一个陷阱是，在我看来，由prevAll()方法返回的节点顺序- $('<div><span class="A"/><span class="B"/><span class="C"/><span class="D"/></div>').find('span:last-child').prevAll()。其实没什么大不了的，但我们应该记住这个事实。

不要使用裸类选择器，像这样:

$('.button').click(function() { /* do something */ });

这将检查每一个元素，看它是否有一个“button”类。

相反，你可以帮助它，比如:

$('span.button').click(function() { /* do something */ });
$('#userform .button').click(function() { /* do something */ });

这是我去年从Rebecca Murphy的博客中学到的

更新:这个答案是2年前给出的，不适合当前版本的jQuery。 其中一个评论包括一个测试来证明这一点。 还有一个更新的测试版本，其中包含了回答这个问题时的jQuery版本。

当使用$。ajax函数对服务器的ajax请求，你应该避免使用完整的事件来处理响应数据。无论请求是否成功，它都会触发。

用成功代替完成。

请参阅文档中的Ajax事件。

如果你多次bind()同一个事件，它将多次触发。为了安全起见，我通常总是unbind('click').bind('click')

将id而不是jQuery对象传递给函数:

myFunc = function(id) { // wrong!
    var selector = $("#" + id);
    selector.doStuff();
}

myFunc("someId");

传递一个包装集要灵活得多:

myFunc = function(elements) {
    elements.doStuff();
}

myFunc($("#someId")); // or myFunc($(".someClass")); etc.

如果您计划在大量数据中使用Ajax，比如一个有20列的1500行表，那么甚至不要考虑使用jQuery将这些数据插入到HTML中。使用纯JavaScript。jQuery在较慢的机器上太慢了。

而且，有一半的时间jQuery会做一些导致它变慢的事情，比如试图解析传入HTML中的脚本标记，以及处理浏览器的异常。如果您想要更快的插入速度，请坚持使用纯JavaScript。