JQuery官方学习资料(译):$( document ).ready()
2013-08-26 09:09
393 查看
一个页面直到document是”ready“才能被安全的操作,Jquery为你检查这种状态。代码包含在$( document ).ready()的内部将会仅仅运行一次在页面Document Object Model (DOM)准备好执行JS代码之后。代码包含在$( window ).load(function() { ... })的内部将会运行一次在整个页面里准备好之后,不仅仅是DOM。
有经验的开发人员有时会使用$( document ).ready()的缩写。如果你不是有经验的jquery开发人员,最好还是写完整。
你也可以通过一个命名函数去$( document ).ready(),而不是通过匿名函数。
下面的例子是$( document ).ready()和$( window ).load(),这代码尝试去加载一个网站在<iframe>里并检查这两个事件。
$( document ).ready(function() { console.log( "ready!" ); }); |
$(function() { console.log( "ready!" ); }); |
//传递方法名 function readyFn( jQuery ) {} $( document ).ready( readyFn ); $( window ).load( readyFn ); |
<html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $( document ).ready(function() { console.log( "document loaded" ); }); $( window ).load(function() { console.log( "window loaded" ); }); </script> </head> <body> <iframe src="http://techcrunch.com"></iframe> </body> </html> |
相关文章推荐
- jQuery学习笔记之window.onload与$(document).ready()区别
- JQuery官方学习资料(译):选择元素
- JQuery学习一【window.onload函数与$(document).ready()的区别】
- jQuery 学习笔记 $(document).ready()
- 读jQuery官方文档:$(document).ready()与避免冲突
- JQuery官方学习资料(译):Utility方法
- JQuery官方学习资料(译):选择器的运作
- JQuery官方学习资料(译):使用JQuery的.index()方法
- JQuery官方学习资料(译):CSS
- jQuery学习心得:从$(document).ready()说起
- JQuery官方学习资料(译):遍历JQuery对象和非JQuery对象
- JQuery官方学习资料(译):类型
- JQuery学习之--2、window.onload与$(document).ready()的对比
- JQuery官方学习资料(译):JQuery对象
- 学习 jQuery -2 document 对象的 ready 事件
- jquery学习-document.ready和document.onload区别
- JQuery官方学习资料(译):避免与其他库的冲突
- JQuery官方学习资料(译):Attributes
- JQuery官方学习资料(译):Data方法
- JQuery官方学习资料(译):$ vs $()