jQuery的頁面載入完畢事件

很多時候我們需要獲取元素，但是必須等到該元素被載入完成後才能獲取。我們可以把js**放到該元素的後面，但是這樣就會造成 js在我們的 body中存在不好管理。所有頁面載入完畢後所有的元素當然已經載入完畢。一般獲取元素做操作都要在頁面載入完畢後操作。

下面介紹兩種方法:

第一種:

使用:

$
(document)
.ready
(function()
);

解釋:$(document)把原生的 document這個 dom對當頁面載入完畢後執行裡面的函式,這一種相象轉換為 jquery物件，轉換完成後才能呼叫對簡單，用得最多。

其中ready方法:ready(fn),表示的是頁面結構被載入完畢後執行傳入函式fn

第二種:

使用:

$
(function()
);

解釋:當頁面載入完畢後執行裡面的函式,這一種相對簡單,用的最多;

上面兩種方式與window.onload的區別:

1、jquery中的頁面載入完畢事件，表示的是頁面結構被載入完畢。

2、window.onload 表示的是頁面被載入完畢。如:img src=」htttp: onload必須等等頁面中的、聲音、影象等遠端資源被載入完畢後才呼叫而 jquery中只需要頁面結構被載入完畢。