避免创建多个相同的jQuery对象

//Avoid
function someFunc(){
   $(this).fadeIn();
   $(this).fadeIn();
}

//Cache the obj
function someFunc(){
   var $this = $(this).fadeIn();
   $this.fadeIn();
}

缺陷:使用循环而不是选择器。

如果你发现自己在寻找jQuery '。每个方法迭代DOM元素，问问自己是否可以使用选择器来获取元素。

关于jQuery选择器的更多信息: http://docs.jquery.com/Selectors

缺点:没有使用Firebug这样的工具

Firebug实际上就是为这种调试而设计的。如果您打算在DOM中使用Javascript，则需要像Firebug这样的好工具来提供可见性。

有关Firebug的更多信息: http://getfirebug.com/

其他很棒的想法都在这一期的多态播客中: (jQuery秘密与戴夫沃德) http://polymorphicpodcast.com/shows/jquery/

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

如果你想让用户在他们的浏览器中看到html实体，使用'html'而不是'text'来注入Unicode字符串，例如:

$('p').html("Your Unicode string")

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

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

不理解事件绑定。JavaScript和jQuery的工作方式不同。

根据大众需求，一个例子:

jQuery:

$("#someLink").click(function(){//do something});

没有jQuery:

<a id="someLink" href="page.html" onClick="SomeClickFunction(this)">Link</a>
<script type="text/javascript">
SomeClickFunction(item){
    //do something
}
</script>

基本上JavaScript所需要的钩子不再是必要的。例如，使用内联标记(onClick等)，因为您可以简单地使用开发人员通常用于CSS目的的ID和类。