天天看点

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事件在一个页面内只可以写一个。如果写多个,执行最后一个,前边的失效。

继续阅读