jQuery 是現在最流行的 JavaScript 工具庫。

　　據統計，目前全世界 57.3% 的網站使用它。也就是說，10 個網站里面，有 6 個使用 jQuery。如果只考察使用工具庫的網站，這個比例就會上升到驚人的 91.7%。

　　雖然 jQuery 如此受歡迎，但是它臃腫的體積也讓人頭痛不已。jQuery 2.0 的原始大小為 235KB，優化后為 81KB；如果是支持 IE6、7、8 的 jQuery 1.8.3，原始大小為 261KB，優化后為 91KB。

　　這樣的體積，即使是寬帶環境，完全加載也需要 1 秒或更長，更不要說移動設備了。這意味著，如果你使用了 jQuery，用戶至少延遲 1 秒，才能看到網頁效果。考慮到本質上，jQuery 只是一個操作 DOM 的工具，我們不僅要問：如果只是為了幾個網頁特效，是否有必要動用這么大的庫？

　　2006 年，jQuery 誕生的時候，主要用于消除不同瀏覽器的差異（主要是 IE6），為開發者提供一個簡潔的統一接口。相比當時，如今的情況已經發生了很大的變化。IE 的市場份額不斷下降，以 ECMAScript 為基礎的 JavaScript 標準語法，正得到越來越廣泛的支持。開發者直接使用 JavScript 標準語法，就能同時在各大瀏覽器運行，不再需要通過 jQuery 獲取兼容性。

　　下面就探討如何用 JavaScript 標準語法，取代 jQuery 的一些主要功能，做到 jQuery-free。

　　一、選取 DOM 元素

　　jQuery 的核心是通過各種選擇器，選中 DOM 元素，可以用 querySelectorAll 方法模擬這個功能。

var $ = document.querySelectorAll.bind (document);

it知識庫：如何做到 jQuery-free？，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。