script脚本中写不写$(document).ready(function() {});的差别
2024-08-31 19:16:33
$(document).ready() 里的代码是在页面内容都载入完才运行的,假设把代码直接写到script标签里。当页面载入完这个script标签就会运行里边的代码了,此时假设你标签里运行的代码调用了当前还没载入过来的代码或者dom,那么就会报错。当然假设你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。
$(document).ready(function(){})能够简写成$(function(){});
点击段落后,此段落隐藏:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head> <body>
<p>If you click on me, I will disappear.</p>
</body> </html>
假设把$(document).ready(function() {});去掉后,无法隐藏段落:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</head> <body>
<p>If you click on me, I will disappear.</p>
</body> </html>
可是把script放到页面最后的话,就可恢复隐藏效果:
<html>
<head>
</head> <body>
<p>If you click on me, I will disappear.</p>
</body> <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script> </html>
最新文章
- [Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能
- 15分钟学会Lua
- Unicode文件读取 出现隐藏字符 (大坑)
- android bitmap的放大缩小
- Linux内核知识
- mp3 音频 音乐 tag ID3 ID3V1 ID3V2 标签 读取信息 获得图片 jpeg bmp 图片转换等
- qt超强绘图控件qwt - 安装及配置
- lintcode:Plus One 加一
- Sqoop安装与使用(sqoop-1.4.5 on hadoop 1.0.4)
- Unity之2D Sprite Outline外轮廓效果
- echarts中如何使用timeline组件
- encodeURIComponent 和 decodeURIComponent 对字符串url编码 用于url拼字符传值
- T4设计时模板调试
- 为什么重写equals一定要重写hashCode?
- python之路(十)-正则表达式
- C#静态代码检查工具StyleCode
- jqGrid基本用法与示例
- AIDL--------应用之间的通信接口
- listener.ora 与 tnsnames.ora
- pkill命令详解
热门文章
- DataFrame的iloc与loc的区别是什么?
- hdu2586&;&;poj1330 求点间最短距&;&;最近公共祖先(在线&;&;离线处理):::可做模板
- linux开机关机自启动或自关闭服务的方式
- ubuntu 下openoffice安装
- 低水平选手的自我救赎 (1)CLRS Exercise 16.5-2
- HDU 5418 Victor and World(状压DP+Floyed预处理)
- 游戏(game)
- [USACO15JAN]草鉴定Grass Cownoisseur (分层图,最长路,$Tarjan$)
- 分配问题(cogs 740)
- Bzoj3652 大新闻