jQuery中用得最多的要属工厂函数$()了,下面我们就来看一下它的初步应用。
大家知道,在jquery中我们可以使用 $(document).ready(); 在其中加入页面加载后的代码,以便做出丰富的页面行为。
它和传统的js中的onload有什么区别呢?
onload | ready |
---|---|
没有简写方式 | 具有简写方式 |
当HTML页面所有内容加载完毕后才执行onload | 当DOM节点加载完毕后就执行ready |
一个HTML页面只能编写一个onload | 一个HTML页面允许同时编写多个ready |
传统的window的onload程序如下:
window.onload = function() {
...
}
它是在整个页面完全被加载之后执行。
这样做最大的一个缺点就是速度问题,onload中的代码不仅是在构建DOM树之后,而且是在所有图像和其它外部资源被完整地加载
并在页面浏览器窗口显示完毕之后才执行。
而$(document).ready()最大地优点就是在浏览器构建DOM树之后立即执行其中的代码。
$(document).ready()的写法比较正式,用得比较多的写法还可以是:$(), 你可以在括号中直接加你的匿名函数,如下:
$(function() {
...
});
和
$(document).ready(function() {
...
});
或
$().ready(function(){
....
});
都是正确的。