從現在開始進入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 條的出現和消失分布於頭尾。...