jQuery的編寫原則：

一、不要過(guò)度使用jQuery

1. jQuery速度再快，也無(wú)法與原生的javascript方法相比，而且建立的jQuery對(duì)象包含的信息量很龐大。所以有原生方法可以使用的場(chǎng)合，盡量避免使用jQuery。

2. 許多jQuery方法都有兩個(gè)版本，一個(gè)是供jQuery對(duì)象使用的版本，另一個(gè)是供jQuery函數(shù)使用的版本。由于后者不通過(guò)jQuery對(duì)象操作，所以相對(duì)開銷較小，速度比較快。

二、緩存jQuery對(duì)象

查找DOM元素實(shí)際上有不小的內(nèi)存開銷，使用選擇器的次數(shù)應(yīng)該越少越好，并且盡可能緩存選中的結(jié)果，便于以后反復(fù)使用。記住，永遠(yuǎn)不要讓相同的選擇器出現(xiàn)多次。

例如：

三、少改動(dòng)DOM結(jié)構(gòu)

如果要多次改動(dòng)DOM結(jié)構(gòu)，就先把要改動(dòng)的部分先取出來(lái)，改動(dòng)完成后再放回去。這里的基本思想是在內(nèi)存中建立你確實(shí)想要的東西，最后做一次最有效的更新DOM操作。

例如：

四、命名規(guī)范

jQuery代碼中不免夾雜有JS代碼，如何讓jQuery代碼看起來(lái)嚴(yán)謹(jǐn)有序，規(guī)范自己的命名規(guī)則能更好的提高代碼的閱讀性。

1. 函數(shù)名：function getResultByUserId(){..}，遵循駱駝命名法，首字母小寫，單詞首字母大寫，盡量短而且明確表達(dá)方法的用意。

還可以這樣定義：

2. 參數(shù)名：function method(recordIdx, recordVal){..}, 同函數(shù)名，參數(shù)盡量用縮寫。
命名就是要有意義，一些屬性的縮寫也很有講究，例如：索引：idx；值：val；長(zhǎng)度：len；名稱：nm；等...

3. 變量名：var user_id; var user_list_tab; var user_list_tr_1;，一般以下劃線為單詞分割，按照“命名_元素_索引”的規(guī)則。

jQuery對(duì)象的變量名要加上“$”的前綴以區(qū)分javascript對(duì)象。

jQuery編寫技巧：

一、選擇器擇優(yōu)

選擇器是jQuery的基礎(chǔ)，如何選擇效率最高的選擇器，先要了解各種選擇器的性能差異。

①ID選擇器和標(biāo)簽元素選擇器：$("#ID"); $("Tag");

jQuery內(nèi)部會(huì)自動(dòng)調(diào)用瀏覽器的原生方法（getElementById();，getElementByTagName();），所以執(zhí)行速度快。

②類選擇器：$(".Class");

jQuery會(huì)遍歷所有DOM節(jié)點(diǎn)查找class=Class的DOM對(duì)象，所以執(zhí)行速度較慢。

③偽類選擇器和屬性選擇器：$(":Type"); $("[Attribute='Value']");

因?yàn)闉g覽器沒有針對(duì)它們的原生方法，這兩種選擇器執(zhí)行速度是最慢的。不過(guò)，不排除一些第三方瀏覽器增加了querySelector()和querySelectorAll()方法，因此會(huì)使這類選擇器的性能有大幅提高。

二、鏈?zhǔn)綄懛?/STRONG>