JQuery学习记录——DOM的加载

一、加载DOM

在页面加载完毕后，浏览器会通过javaScript为DOM元素加载事件，在js中通常使用window.onload=function(){...}方法，在JQuery中使用$(document).ready(function(){...})，或简写成$(function{...})，这个方法使得在DOM载入就绪时就对其进行操作并调用执行所绑定的方法。

两者区别：

1）执行时机：

前者必须等待网页中所有的内容（包括图片）加载完毕后才能执行；后者网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完。

要想达到window.onload效果，可以使用jQuery中的load方法，将处理函数绑定给window对象，如：$(window).load(function(){...})

 

2）多次使用

window.onload只能编写一次，如果网页中有两个函数，则只有第二个有效，因为js的onload事件一次只能保存对一个函数的引用，会自动覆盖前面的函数；

$(document).ready()则可以编写多次，每次调用$(document).ready()方法都会在现有行为上追加新的行为，这些函数根据注册顺序依次执行

 

3）简写方式：

$(document).ready(function(){
//编写代码

});

简写为：

$(function(){

//编写代码

})

另外当$()不带参数时，默认的是document，因此也可以简写成：

$().ready(function(){

//编写代码

});