jQuery之$(document).ready()使用介绍

时间 2019-12-01

标签 jquery document ready 使用介绍栏目 JQuery 繁體版

原文原文链接

学习jQuery的第一件事是：若是你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件学习jQuery的第一件事是：若是你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。全部包括在$(document).ready()里面的元素或事件都将会在DOM完成加载以后当即加载，而且在页面内容加载以前。javascript

代码以下:java

$(document).ready(function() {浏览器

// put all your jQuery goodness in here.函数

});学习

有不少方法能够确保事件在页面上正常工做，$(document).ready()比其它方法要更有优点。首先，你没必要在HTML上放置任何“ 行为性的”标记。另外，你能够将JavaScript/jQuery写入一个独立的js文件，这样既容易维护，又保证了js与页面内容的隔离。若是你在浏览网页时更加细心，你就会经常看见这种状况：当你将鼠标悬停在一个链接时，有时状态栏中会在显示“javascript:void()”这样的消息。这就是你把一个事件直接放在<a href>标签里所形成的。.net

在一些使用traditional JavaScript的页面，你会在<body>标签中看见“onload”属性。这会致使一个问题：它限定了在body上只能有一个函数事件。是的，由于它又往内容中添加的“行为性的”标签。若是你想解决这个问题，请参考Jeremy Keith的书：DOM Scripting，里面讲述了如何在一个单独的js文件里建立一个 “addLoadEvent” 函数，它容许多个函数能够在body里被加载。可是这种方法须要为原本很简单的问题编写至关数量的代码，另外，这种方法是在加载window时触发这些事件的，这不得不让我再一次想起 $(document).ready()的好处。htm

使用 $(document).ready()，你能让你的事件在window加载以前加载或触发。全部你写在这个方法里面的都准备在最先的时刻加载或触发。也就是说，一旦DOM在浏览器中注册后，$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时，特效就能够运行了。事件

详细出处参考：http://www.jb51.net/article/30044.htmip

1. JQuery的介绍与使用
2. jQuery UI Datepicker使用介绍
3. jquery delay（）介绍及使用指南
4. jquery $.trim()方法使用介绍
5. jquery中 $.expr使用实例介绍
6. jQuery 介绍以及基本使用
7. jQuery经常使用插件介绍
8. 22.jQuery介绍
9. jQuery Validate 介绍
10. jQuery 介绍
更多相关文章...
• 网站主机介绍 - 网站主机教程
• jQuery Mobile 简介 - jQuery Mobile 教程
• Java Agent入门实战（一）-Instrumentation介绍与使用
• Composer 安装与使用