jQuery之$(document).ready()使用介绍
程序员文章站
2022-03-12 15:03:29
如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成...
如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。
If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as theDOM is loaded and before the page contents are loaded.
代码如下:
$(document).ready(function() {
// put all your jQuery goodness in here.
});
有很多方法可以确保事件在页面上正常工作，$(document).ready()比其它方法要更有优势。首先，你不必在HTML上放置任何“ 行为性的”标记。另外，你可以将Script/jQuery写入一个独立的js文件，这样既容易维护，又保证了js与页面内容的隔离。如果你在浏览网页时更加细心，你就会常常看见这种情况：当你将鼠标悬停在一个连接时，有时状态栏中会在显示“javascript：void()”这样的消息。这就是你把一个事件直接放在<a href>标签里所造成的。
在一些使用traditional 的页面，你会在<body>标签中看见“onload”属性。这会导致一个问题：它限定了在body上只能有一个函数事件。是的，因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题，请参考Jeremy Keith的书：DOM Scripting，里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数，它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码，另外，这种方法是在加载window时触发这些事件的，这不得不让我再一次想起 $(document).ready()的好处。
使用 $(document).ready()，你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说，一旦DOM在中注册后，$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时，特效就可以运行了。
推荐阅读
-
android之HttpPost&HttpGet使用方法介绍
-
Android之联系人PinnedHeaderListView使用介绍
-
linux系统中find命令之exec使用介绍
-
Android变形(Transform)之Camera使用介绍
-
Linux磁盘管理之df命令详细介绍和使用实例（统计文件或目录的磁盘占用情况）
-
快速解决jquery之get缓存问题的最简单方法介绍
-
jquery prop的使用介绍及与attr的区别
-
jquery开发中 $.expr使用实例介绍
-
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
-
JQuery中window.onload函数与$(document).ready()的区别实例讲解