jQuery是一款優秀的JS庫，它是在IE6盛行時出現的。如今，jQuery已經成為最流行的javascript框架，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。不得不說jQuery是一個編寫跨瀏覽器代碼的完美工具。

而現在，網頁瀏覽器比剛開始時先進多了。我們可以輕松地使用ES5提供的所有功能。而且還可以盡情支配使用HTML5 APIs，使得圍繞DOM的工作更輕松愉快。如今，開發者們可以有選擇的摒棄jQuery，與此同時，工作效率并不會因此降低。

我們可以不那么依賴jQuery了，但是jQuery依舊是一款非常棒的庫，并且很多時候用了比不用好。但我要說的是，在完成一些只有少量js交互，瀏覽器擴展和移動站點的簡單頁面時，可使用vanilla JS。如你想嘗試，這里介紹10種方法。

1.監聽文件

編寫jQuery時要做的第一件事就是將你的代碼包含進 $(document).ready() call，然后你才能知道DOM什么時候能執行操作。沒有了jQuery，我們就使用 DOMContentLoaded 事件。

2. 選擇元素

很久以前，我們只能通過id，class和tag name來選擇元素，而擁有智能css類選擇器的jQuery簡直就是大救星。瀏覽從此流行起來，兩款重要的API也進入人們的視線：querySelector 和。

3.添加和刪除事件偵聽器

監聽事件是構建一個web應用程序的一個基礎部分。曾經因為這個問題而劃分出兩大陣營——IE和其他瀏覽器。但今天我們都用addEventListener。addEventListener 需要第三個參數 (useCapture)，但有時也不需要。結果是代碼看起來越來越像jQuery。

4.操作類和屬性

不使用jQuery操作一個元素的類名稱在以往是很不方便的一件事。現在就不會了，這多虧有了 property。如果你需要操作屬性，這里還有。

5. 獲取和設置元素內容

jQuery有著方便易用的 text() 和 html() methods。在他們的位置，你可以使用  和  屬性。

6. 插入和移除元素

雖說有jQuery會更簡單方便，但要是沒有也可以就用javascript添加和移除DOM元素。添加、移除、替換任意元素都可以。

7. 遍歷DOM樹

每個真正的JS ninja都知道，DOM藏有巨大能量。與jQuery相比，普通的DOM api提供有限的功能。然而，仍然有很多事情可以做去遍歷整個樹。

8.陣列循環

jQuery提供的一些實用方法可用ES5的標準。對于迭代數組，我們可以使用 和 而非他們的jQuery版本—— each() 和 map()。只是小心的不同參數和回調的默認的這個值。

9. 動畫

jQuery的動畫比你那些自己貼合在一起的東西都要好。要是你需要復雜的、可編寫腳本的動畫你還是該繼續使用jQuery的。但是好在有了CSS3，一些簡單的case僅僅使用 這種輕量級庫就可以搞定。只需添加和移除類的名字到元素就可以觸發動畫效果了。

10. AJAX

AJAX也是一種創建交互式網頁應用的網頁開發技術。好消息是，我們現在到處都可以使用相同的代碼了。不好的是，示例和用發送AJAX請求依舊很復雜，所以最好還是留給庫來完成。但是你不需要因此就把整個jQuery包含進去，只需使用一個 就可以了。

總結

一個小巧的網頁是值得我們為之努力的，不僅加載迅速，而且用戶體驗也更好。今天分享的這些小貼士還是有很多地方能用得上的。但要記住不要為了降低字節數而犧牲好的開發實踐。