5.該使用哪個版本?
如果你想相容IE678請表用2.x的版本
針對極少數不用考慮相容性的幸運兒,極力推薦使用最新版本的jQuery
當從CDN伺服器加載jQuery時,最好把版本寫全(比如1.11.0而不是1.11或者直接寫個1)
千萬莫重複加載
6.如果你同時還使用了其他JS架構諸如Prototype, MooTools, Zepto雲雲,因為他們也使用了$符号,是以你就表再用美刀符号來進行jQuery 編碼了,而請用'jQuery'代替。并且調用$.noConflict()保證不會有沖突出現。
1.jQuery類型的變量最好加個$字首。
2.時常将jQuery選擇器傳回的内容存進變量以便重用
3.使用駝峰命名
1.盡量ID選擇器。其背後機理其實是調用原生的document.getElementById(),是以速度較其他選擇器快。
6.指定選擇的上下文。
9.ID已經表示唯一了,背後使用的是document.getElementById(),是以表跟其他選擇器混搭了。
1.一個頁面隻寫一個文檔ready事件的處理程式。這樣代碼既清晰好調試,又容易跟蹤代碼的程序。
3.處理文檔ready事件的回調也表用匿名函數,匿名函數不易調試維護測試和複用:(
4.進一步,最好也将ready事件的處理程式放到外部檔案中引入到頁面,而頁面中内嵌的代碼隻需調用即可。
5.千萬表寫内聯到HTML的JS代碼,這是調試的夢魇!應該總是用jQuery來綁定事件自帶程式,這樣也友善随時動态地取消綁定。
6.如果可能盡量在綁定事件處理程式時使用一個命名空間,這樣可以友善地取消綁定而不會影響其他綁定。
1.直接用$.ajax()而表去用.getJson() 或 .get(),因為jQuery内部還是将其轉為前者
2.表對HTTPS站點使用HTTP去發起請求,最好幹脆就表指定(将HTTP或者HTTPS從你的URL中移除)
3.表在連結裡面嵌參數,請使用專門的參數設定來傳遞
4.盡量指明資料類型以便你自己清楚要處理什麼樣的資料(見下方會提到的Ajax模闆)
1.保持一個始終如一風格統一的動畫實作
2.緊遵使用者體驗,表濫用動畫特效
使用簡潔的顯示隐藏,狀态切換,滑入滑出等效果來展示元素
使用預設值來設定動畫的速度'fast','slow',或者400(中等速度)
1.始終選擇一個有良好支援,完善文檔,全面測試過并且社群活躍的插件
2.注意所用插件與目前使用的jQuery版本是否相容
1.除了用變量将jQuery選擇器傳回的結果儲存,還可以利用好鍊式調用。
2.當鍊式調用多達3次以上或代碼因綁定回調略顯複雜時,使用換行和适當的縮進來提高代碼的可讀性。
3.對于特别長的調用最好還是用變量儲存下中間結果來簡化代碼。
1.使用對象字面量來傳遞參數
2.表将CSS與jQuery雜揉
原文的reference