JQuery 頁面載入時觸發ready 事件

2021-07-10 22:18:02 字數 1160 閱讀 8168

從現在開始進入jquery的事件和應用了!

好了,言歸正傳!

ready()類似於onload().

但ready()只要頁面的dom結構(文件結構)載入後便觸發!不包括等非文字**檔案.

onload()需要頁面的全部元素載入完後才觸發!

ready()的使用方式有以下幾種.

法一:

$(document).ready(function())

法二:

$.ready(function())

法三:

$(function())

例子.

ready()和onload事件的利弊.

1、載入多個函式.

這樣看起來很難看,而且**內容不分離,如果用ready()的話,可以用多個ready()順序執行.

2、執行的順序影響**的執行效率.

如果有很多和flash檔案,用onload()則需要等待很長時間,用ready()只需要等dom結構載入完即可觸發.

對於放大縮小等應用,需要等頁面所有載入完所有元素才能執行,所以可以使用$(window).load()方法.

上面的**會順序執行.

3、unload方法:在頁面關閉時觸發.

$(window).unload(function() );

4、dom載入前觸發.

上面用到了閉包的概念,會自動執行。

5、需要注意的乙個問題。

this is the content

this is the content

道理很簡單,第二段**是因為執行js**的時候,div還沒有載入!

jquery頁面載入

jquery事件新增,全部採用現代事件新增方式,乙個事件可以繫結多個函式 jquery物件 dom轉化為jquery var obj document.getelementbyid div1 dom物件轉化為jquery var jq obj alert jq.html jquery轉為dom va...

jquery載入頁面的方法 頁面載入完成就執行

1 function 2 document ready function 3 window.onload function html 為點選,且頁面需要引用jquery的js檔案 一般的載入頁面時呼叫js方法如下 window.onload function 這段 會在整個頁面的document全部...

jQuery 頁面載入進度條

頁面 loading 條基本人人都會用。它的原理很簡單 在頁頭放置乙個文字或者的 loading 狀態,然後頁尾載入一段 js 隱藏掉,即根據瀏覽器的載入順序來實現的簡易 loading 狀態條。上圖展示了傳統 wordpress 模板在瀏覽器中的載入順序,loading 條的出現和消失分布於頭尾。...