jQuery 是現(xiàn)在最流行的 JavaScript 工具庫。

　　據(jù)統(tǒng)計(jì)，目前全世界 57.3% 的網(wǎng)站使用它。也就是說，10 個(gè)網(wǎng)站里面，有 6 個(gè)使用 jQuery。如果只考察使用工具庫的網(wǎng)站，這個(gè)比例就會(huì)上升到驚人的 91.7%。

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

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

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

　　下面就探討如何用 JavaScript 標(biāo)準(zhǔn)語法，取代 jQuery 的一些主要功能，做到 jQuery-free。

　　一、選取 DOM 元素

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

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

it知識(shí)庫：如何做到 jQuery-free？，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。