javascript和HTML之間的交互是通過用戶和瀏覽器操作頁面時引發的事件來處理的。

jQuery不僅提供了更加優雅的事件處理語法，而且極大地增強了事件處理能力。

加載 DOM

前面章節我們已經對比了window.onload()和$(document).ready()兩種方法的區別。兩種都是入口函數，只不過前者是js中的而後者是jQ中的。並且領著之間還是有區別的：

1、執行時機：

window.onload()方法是等到頁面中所有元素加載完畢之後，才執行，即javascript此時才可以訪問網頁中的任何元素。而jQuery使用$(document).ready()方法，可以在DOM載入就緒時就對其進行操縱並調用執行它所綁定的函數。也就是說在jQ中，不需要等待所有圖片加載完再執行。

但是就會有個問題，當獲取圖片寬高的時候，可能獲取不到。不過jQ中單獨提出了一個頁面加載的方法——load()方法，如果這個處理函數綁定給window對象則會在所有內容加載完畢之後觸發。

上面的代碼，等同於js中的：

2、多次使用：

在javascript中入口函數只能寫一次，如果寫多個，下面會將上面的覆蓋掉：

在jQuery中，入口函數可以寫多次，不會出現覆蓋的情況：

3、簡寫方式：

javascript中沒有簡寫方式，但是在jQ中有簡寫方式：

好了，今天的內容就講那麼多，如果你也喜歡我的教程，可以點個贊和關注一下。

如果你也有你的獨到見解，也歡迎在評論給我留言哦。