jQuery文档就绪

很多jQuery代码都有如下片段:

$(document).ready(function(){//代码
})

作用就是等文档结构加载完成后再去执行function中的代码，功能类似于window.onload事件。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{height:150px;width:150px;background-color:#ccc;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ $("div").hide();
})
</script>
</head>
<body>
<div></div>
</body>
</html>

上面代码能够将div元素隐藏。但是如果将代码修改如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{height:150px;width:150px;background-color:#ccc;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$("div").hide();
</script>
</head>
<body>
<div></div>
</body>
</html>

运行上面的代码却不能够隐藏div元素。

由于代码是顺序执行的，那么当代码执行到$("div").hide()时候，文档中的div元素还没有加载完成，那么$("div")也就无法获取到div对象，于是$("div").hide()就无效了。

http://www.softwhy.com/article-993-1.html

http://www.softwhy.com/qiduan/jQuery_source/

http://www.softwhy.com/

更多专业前端知识，请上【猿2048】www.mk2048.com

jQuery文档就绪相关推荐

jquery文档就绪_在jQuery中,下列关于文档就绪函效的写法错误的是( )
[单选题]下图是哪种辉石.() [单选题]人体的肌肉主要是由蛋白质构成的,但骨骼肌.心肌.平滑肌的功能各不相同,这是因为 ( ) [判断题]宝石级方柱石首次发现于缅甸. [判断题]市场上最主要的辉石品 ...
Js和jQuery的文档就绪函数以及执行次数
https://www.cnblogs.com/yingyingh5/p/7786821.html 文档就绪函数的使用方法是: 完整方式: $(document).ready(fn) 或者jQuery ...
JQuery语法 JQuery对象与原生对象互转文档就绪函数与window.onload的区别
[JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$("选择器").acti ...
jQuery文档初始化函数原理
在jQuery的脚本使用中,经常注册文档初始化函数,比如:$(function(){}); 那么这句话原理是什么呢? 原理一.把completed函数注册到文档加载的原生事件中关键在这一句docum ...
jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数方法描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
为什么80%的码农都做不了架构师?>>> 原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例使 ...
jquery文档加载完毕后执行的几种写法
2019独角兽企业重金招聘Python工程师标准>>> 1.js文档加载完毕标签内 οnlοad="test()" window.οnlοad=function ...
JavaScript之jQuery够用即可（查找筛选器、属性操作、jQuery文档处理）
文章目录一.筛选器补充二.jQuery属性操作三.jQuery文档处理一.筛选器补充 1.过滤筛选器就是查看某个标签中是否存在另外一个标签 // console.log($("di ...
Scrapy笔记（2）——使用正则表达式提取jQuery文档内容
任务:提取如下网页中Data中内容: jQuery1123006065544693397551_1623470103055({"Message":"",&quo ...

jQuery文档就绪

jQuery文档就绪相关推荐

最新文章

热门文章