1.正確引用jQuery
1.儘量在body結束前才引入jQuery，而不是在head中。
2.藉助第三方提供的CDN來引入jQuery，同時注意當使用第三方CDN出現問題時，要引入本地的jQuery文件。（對於已經使用了cdn的網站可以忽略，現在用戶帶寬都升級了，這個可以忽略了，放別人機器不一定穩定）
3.如果在</body>前引入script文件的話，就不用寫document.ready了，因爲這時執行js代碼時DOM已經加載完畢了。
2.優化jQuery選擇器
高效正確的使用jQuery選擇器是熟練使用jQuery的基礎，而掌握jQuery選擇器需要一定的時間積累，我們開始學習jQuery時就應該注意選擇器的使用。
如果我們選擇class爲home的a元素時，可以使用下邊代碼：
1.方法1會使jQuery在整個DOM中查找class爲home的a元素，性能可想而知。
2.方法2爲要查找的元素添加了上下文，在這裏變爲查找id爲nav的子元素，查找性能得到了很大提升。
3.方法3使用了find方法，它的速度更快，所以方法三最好。
關於jQuery選擇器的性能優先級，ID選擇器快於元素選擇器，元素選擇器快於class選擇器。因爲ID選擇器和元素選擇器是原生的JavaScript操作，而類選擇器不是，大家順便可以看下find context 區別，find() children區別。
3.緩存jQuery對象
緩存jQuery對象可以減少不必要的DOM查找，關於這點大家可以參考下緩存jQuery對象來提高性能。
4.正確使用事件委託
事件委託可以使事件更好的執行，在動態添加的元素上綁定事件也需要委託來實現，在新版本的jQuery中推薦大家使用on來給元素綁定一個或多個事件的處理函數。
比如我們要在上邊的單元格上綁定一個單擊事件，不注意的朋友可能隨手寫成下邊的樣子：
這樣會爲每個td綁上事件，在爲100個單元格綁定click事件的測試中，兩者性能相差7倍之多，好的做法應該是下邊寫法：
5.精簡jQuery代碼
如在上述代碼中我們對jQuery代碼進行了適當的合併，類似的還有.attr()方法等，我們沒有寫成下邊的方式：
6.減少DOM操作
剛開始使用jQuery時可能會頻繁的操作DOM，這是相當耗費性能的。如我們要在body中動態輸出一個表格，一些朋友會這樣寫：
好的做法：
這樣在拼接完table串後再添加到body中，對DOM的操作只需一次。羣裏以前有朋友就因爲這個導致在IE下輸出時出現問題，而關於字符串的拼接可以參考下最快創建字符串的方法。
7.不使用jQuery
原生函數總是最快的，這點不難理解，在代碼書寫中我們不應該忘記原生JS。
就先總結這幾條吧，每條建議並不難理解，但總結全面的話還是要花費不少時間的。如在減少代碼段中，如果需要根據條件從數組中得到新數組時，可以使用$.grep() 方法，如果你在使用jQuery時有自己必得的話，歡迎在留言中和大家分享！
下面是其它網友的補充：
注意定義jQuery變量的時候添加var關鍵字
這個不僅僅是jQuery，所有javascript開發過程中，都需要注意，請一定不要定義成如下：
$loading = $('#loading'); //這個是全局定義，不知道哪裏位置倒黴引用了相同的變量名，就會鬱悶至死的
請使用一個var來定義變量
如果你使用多個變量的話，請如下方式定義：
var page = 0,
$loading = $('#loading'),
$body = $('body');
不要給每一個變量都添加一個var關鍵字，除非你有嚴重的強迫症
定義jQuery變量
申明或者定義變量的時候，請記住如果你定義的是jQuery的變量，請添加一個$符號到變量前，如下：
var$loading = $('#loading');
這裏定義成這樣的好處在於，你可以有效的提示自己或者其它閱讀你代碼的用戶，這是一個jQuery的變量。
DOM操作請務必記住緩存（cache）
在jQuery代碼開發中，我們常常需要操作DOM，DOM操作是非常消耗資源的一個過程，而往往很多人都喜歡這樣使用jQuery：
$('#loading').html('完畢');
$('#loading').fadeOut();
代碼沒有任何問題，你也可以正常運行出結果，但是這裏注意你每次定義並且調用$('#loading')的時候，都實際創建了一個新的變量，如果你需要重用的話，記住一定要定義到一個變量裏，這樣可以有效的緩存變量內容，如下：
var $loading = $('#loading');
$loading.html('完畢');$loading.fadeOut();
這樣性能會更好。
使用鏈式操作
上面那個例子，我們可以寫的更簡潔一些：
var $loading = $('#loading');
$loading.html('完畢').fadeOut();
精簡jQuery代碼
儘量把一些代碼都整合到一起，請勿這樣編碼：
// ！！反面人物$button.click(function(){
$target.css('width','50%');
$target.css('border','1px solid #202020');
$target.css('color','#fff');
});
應該這樣書寫：
$button.click(function(){
$target.css({'width':'50%','border':'1px solid #202020','color':'#fff'});
});
避免使用全局類型的選擇器
請勿如下方式書寫：$('.something > *');
這樣書寫更好：$('.something').children();
不要疊加多個ID
請勿如下書寫：$('#something #children');
這樣就夠了：$('#children');
多用邏輯判斷||或者&&來提速
請勿如下書寫：
if(!$something) {
$something = $('#something ');
}
這樣書寫性能更好：
$something= $something|| $('#something');
儘量使用更少的代碼
與其這樣書寫：if(string.length > 0){..}
不如這樣書寫：if(string.length){..}
儘量使用 .on方法
如果你使用比較新版本的jQuery類庫的話，請使用.on，其它任何方法都是最終使用.on來實現的。
儘量使用最新版本的jQuery
最新版本的jQuery擁有更好的性能，但是最新的版本可能不支持ie6/7/8，所以大家需要自己針對實際情況選擇。
儘量使用原生的Javascript
如果使用原生的Javascript也可以實現jQuery提供的功能的話，推薦使用原生的javascript來實現。