jQuery文档就绪
2024-09-30 21:23:28
很多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/
最新文章
- TypeScript Type Innference(类型推断)
- 使用jenkins 插件自动部署项目至tomcat
- ps切图设置
- c#:排序
- Python-实现对表插入百万条数据
- Oracle 11g RAC环境下Private IP修改方法及异常处理
- (Command Pattern)命令模式
- Mac android 开发 sdk配置和手机连接
- JavaScript平常会跳的坑系列(一)
- VS环境下的makefile编译
- Babelfish(二分)
- myeclipse破解教程,对所有版本有效,完美支持32位和64位
- [翻译]Webpack解惑
- HTML结构
- PAT-甲级-1003
- Selenium_java coding
- Python3 XML解析
- Gradle 1.12用户指南翻译——第二十二章. 标准的 Gradle 插件
- golang sync/atomic
- 利用GitLab webhook来实现触发Jenkins自动操作
热门文章
- CSS3制作404立体字体
- 【Codeforces 711C】Coloring Trees
- [luoguP3690] 【模板】Link Cut Tree
- [luoguP2854] [USACO06DEC]牛的过山车Cow Roller Coaster(DP + sort)
- 夜话JAVA设计模式之代理模式(Proxy)
- SiteMesh2-sitemesh.xml的ConfigDecoratorMapper映射器的用法
- win7下登入本機、域的正確方法
- 关于new和malloc以及delete和free能否够混用
- Python学习十四:filter()
- 【打CF,学算法——二星级】Codeforces Round #312 (Div. 2) A Lala Land and Apple Trees