JQuery官方学习资料（译）：$( document ).ready()

一个页面直到document是”ready“才能被安全的操作，Jquery为你检查这种状态。代码包含在$( document ).ready()的内部将会仅仅运行一次在页面Document Object Model (DOM)准备好执行JS代码之后。代码包含在$( window ).load(function() { ... })的内部将会运行一次在整个页面里准备好之后，不仅仅是DOM。

$( document ).ready(function() {

console.log( "ready!" );

});

有经验的开发人员有时会使用$( document ).ready()的缩写。如果你不是有经验的jquery开发人员，最好还是写完整。

$(function() {

console.log( "ready!" );

});

你也可以通过一个命名函数去$( document ).ready()，而不是通过匿名函数。

//传递方法名

function readyFn( jQuery ) {}

$( document ).ready( readyFn );

$( window ).load( readyFn );

下面的例子是$( document ).ready()和$( window ).load()，这代码尝试去加载一个网站在<iframe>里并检查这两个事件。

<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>

转载于:https://www.cnblogs.com/liusuqi/p/3281872.html

JQuery官方学习资料（译）：$( document ).ready()相关推荐

JQuery官方学习资料（译）：类型
类型 JavaScript提供了多个内置数据类型.除了这些,这份文档还将介绍一些虚拟类型,例如选择器.伪类.事件等. String 在JavaScript中字符串是一个不可变的对象,它包含无. ...
JQuery官方学习资料（译）：遍历JQuery对象和非JQuery对象
JQuery提供了一个对象遍历的Utility方法$.each()和一个JQuery集合遍历方法.each(). $.each() $.each()是一个通用的方法用来遍历对象和数组, ...
MATLAB学习——获取官方学习资料的方式
MATLAB官方学习资料链接提升MATLAB level时,阅读官方的学习资料,是一种不错的学习方式. 若下述过程出现问题,建议将查询版本更换为最近的一个版本.如此刻(2021.10.18),此时2 ...
jQuery Mobile 学习资料
2019独角兽企业重金招聘Python工程师标准>>> 1 jQuery Mobile 入门教程 http://wenku.baidu.com/view/fff99124a5e985 ...
jquery中的$(function(){})和document.ready(function(){})和jQuery(function () {}
2019独角兽企业重金招聘Python工程师标准>>> 都表示的是DOM结构绘制完毕后就执行,不必等到加载完毕. 区别.只是简洁性.最后的那个是为了区分. 在jquery中 $ 其实 ...
jQuery快速学习
jQuery快速学习 1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们 ...
锋利的jQuery--关于$(document).ready()函数及jQuery代码风格
jQuery代码: $(document).ready(function(){ //jQuery代码 }); 在该函数内的所有代码都将在DOM加载完毕后,页面全部内容(包括图片等)完全加载完毕前被执行 ...
jquery $(document).ready() 与window.onload的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 > ...
关于使用jQuery时$(document).ready()方法失效问题
关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript">//页面加载后自动执行,不需要按 ...

JQuery官方学习资料（译）：$( document ).ready()

JQuery官方学习资料（译）：$( document ).ready()相关推荐

最新文章

热门文章