一、加載DOM

在頁面加載完畢后，瀏覽器會通過javaScript為DOM元素加載事件，在js中通常使用window.οnlοad=function(){...}方法，在JQuery中使用$(document).ready(function(){...})，或簡寫成$(function{...})，這個方法使得在DOM載入就緒時就對其進行操作并調用執行所綁定的方法。

兩者區別：

1）執行時機：

前者必須等待網頁中所有的內容（包括圖片）加載完畢后才能執行；后者網頁中所有的DOM結構繪制完畢后就執行，可能DOM元素關聯的東西并沒有加載完。

要想達到window.onload效果，可以使用jQuery中的load方法，將處理函數綁定給window對象，如：$(window).load(function(){...})

?

2）多次使用

window.onload只能編寫一次，如果網頁中有兩個函數，則只有第二個有效，因為js的onload事件一次只能保存對一個函數的引用，會自動覆蓋前面的函數；

$(document).ready()則可以編寫多次，每次調用$(document).ready()方法都會在現有行為上追加新的行為，這些函數根據注冊順序依次執行

?

3）簡寫方式：

$(document).ready(function(){
//編寫代碼

});

簡寫為：

$(function(){

//編寫代碼

})

另外當$()不帶參數時，默認的是document，因此也可以簡寫成：

$().ready(function(){

//編寫代碼

});

?

轉載于:https://www.cnblogs.com/zhangchunxi/p/4043156.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JQuery学习记录——DOM的加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。