jQuery之$(document).ready()使用介绍
来源:互联网 发布:wps办公软件mac版免费 编辑:程序博客网 时间:2024/03/28 22:55
学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件
学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(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上放置任何“ 行为性的”标记。另外,你可以将JavaScript/jQuery写入一个独立的js文件,这样既容易维护,又保证了js与页面内容的隔离。如果你在浏览网页时更加细心,你就会常常看见这种情况:当你将鼠标悬停在一个连接时,有时状态栏中会在显示“javascript:void()”这样的消息。这就是你把一个事件直接放在<a href>标签里所造成的。
在一些使用traditional JavaScript的页面,你会在<body>标签中看见“onload”属性。这会导致一个问题:它限定了在body上只能有一个函数事件。是的,因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题,请参考Jeremy Keith的书:DOM Scripting,里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数,它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码,另外,这种方法是在加载window时触发这些事件的,这不得不让我再一次想起 $(document).ready()的好处。
使用 $(document).ready(),你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说,一旦DOM在浏览器中注册后,$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时,特效就可以运行了。
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上放置任何“ 行为性的”标记。另外,你可以将JavaScript/jQuery写入一个独立的js文件,这样既容易维护,又保证了js与页面内容的隔离。如果你在浏览网页时更加细心,你就会常常看见这种情况:当你将鼠标悬停在一个连接时,有时状态栏中会在显示“javascript:void()”这样的消息。这就是你把一个事件直接放在<a href>标签里所造成的。
在一些使用traditional JavaScript的页面,你会在<body>标签中看见“onload”属性。这会导致一个问题:它限定了在body上只能有一个函数事件。是的,因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题,请参考Jeremy Keith的书:DOM Scripting,里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数,它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码,另外,这种方法是在加载window时触发这些事件的,这不得不让我再一次想起 $(document).ready()的好处。
使用 $(document).ready(),你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说,一旦DOM在浏览器中注册后,$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时,特效就可以运行了。
0 0
- jQuery之$(document).ready()使用介绍
- jQuery之$(document).ready()使用介绍
- jQuery之$(document).ready()使用介绍
- jQuery之$(document).ready()使用介绍
- jQuery之$(document).ready()使用介绍
- jQuery $(document).ready()介绍
- jquery $(document).ready(function()介绍
- jQuery学习笔记之$(document).ready()
- 《锋利的jquery》之$(document).ready()
- jQuery中$(document).ready()的使用位置
- jQuery慎用$(document).ready
- jQuery(document).ready(function(){});
- Jquery document.ready()
- jquery中的$(document).ready()
- jquery中的$(document).ready()
- jQuery学习笔记之window.onload与$(document).ready()区别
- jQuery 中使用$(document).ready()与onload()的区别
- jQuery的ready使用document.write的问题
- 机器学习(2.7.2)数据知识积累——概率论-超几何分布
- Linux下查找特定时间创建的文件
- 云服务中消灭小黄图的大宝剑---X次元口袋
- JNDI学习总结(三)——Tomcat下使用Druid配置JNDI数据源
- redis常用命令
- jQuery之$(document).ready()使用介绍
- 【SSM 1】SpringMVC、Spring和Struts的区别
- 机器视觉-kinect
- [396]Rotate Function
- PHP增加和删除数组元素(模仿堆栈和队列)
- yii框架
- coding源码分析:架构篇(待再更新)
- 关于pthread_cond_timewait超时之后获取mutex的处理
- JsonObject null 的神坑