天天看點

jquery再學習(1)

一:jquery對象和js的dom對象互相轉化

html代碼

jquery再學習(1)
jquery再學習(1)

View Code

js代碼

jquery再學習(1)
jquery再學習(1)

 二:jquery的readay事件和window的load事件差別

$(document).readay(function(){ //所有執行代碼});

$(function(){//所有執行代碼});

window.onload=function(){//所有執行代碼};

---->頁面加載渲染順序

    (1)解析html結構

    (2)加載外部腳本和樣式表檔案

    (3)解析并執行腳本代碼

    (4)構造html dom模型

    (5)加載圖檔等外部檔案

    (6)頁面加載完畢

--->juqery的reday事件會在(4)構造html dom模型完成後被激活

--->load事件會在(5)加載圖檔等外部檔案完成後被激活。

--->reday事件在一個頁面内可以寫多個。都能執行

--->load事件在一個頁面内隻可以寫一個。如果寫多個,執行最後一個,前邊的失效。

繼續閱讀