jQuery入门:ready加载问题
来源:互联网 发布:55寸国产电视 知乎 编辑:程序博客网 时间:2024/06/06 04:41
前记:
jQuery入门……看到一个简单的click事件,好吧,就这个!谁知弄了大半小时,就是没弹出!!!
书上代码:
<p class="demo">dddd</p>
<script type="text/javascript">
$(".demo").click(function(){
alert("!!!");
});
</script>
原来没有加载完整个页面的DOM...
解决方法是一定要写ready(简写也可),或者把代码放到最下面。
ready(fn)
$(docment).ready(function(){ //等待dom元素加载完毕
....
})
==========================
简写:
$(function(){
...
})
Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQ</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".demo").click(function(){
alert("This is a wonderful start!");
});
});
</script>
</head>
<body>
<p class="demo">Jq~~~~</p>
</body>
</html>
jQuery入门……看到一个简单的click事件,好吧,就这个!谁知弄了大半小时,就是没弹出!!!
书上代码:
<p class="demo">dddd</p>
<script type="text/javascript">
$(".demo").click(function(){
alert("!!!");
});
</script>
原来没有加载完整个页面的DOM...
解决方法是一定要写ready(简写也可),或者把代码放到最下面。
ready(fn)
$(docment).ready(function(){ //等待dom元素加载完毕
....
})
==========================
简写:
$(function(){
...
})
Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQ</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".demo").click(function(){
alert("This is a wonderful start!");
});
});
</script>
</head>
<body>
<p class="demo">Jq~~~~</p>
</body>
</html>
- jQuery入门:ready加载问题
- JQuery 加载就绪(ready)
- jQuery入门:jQuery的ready事件
- jquery的加载函数ready的用法
- 【jQuery】页面加载时触发ready()事件
- 【JQuery】页面加载时触发ready()事件
- Jquery的Ready方法加载为什么两次?
- 【jQuery源码浅析】(五)--文档加载--$.ready
- jquery中DOM加载事件,onload事件和ready事件
- jQuery的ready使用document.write的问题
- (十六)JQuery Ready和angularJS controller的执行顺序问题
- 问题:jQuery Ready 与 Window onload 的区别
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- jQuery入门(1) 加载事件
- jQuery慎用$(document).ready
- jQuery $(document).ready()介绍
- Jquery ready function Tester.
- jQuery之ready实现
- Gauss–Seidel方法和Jacobi 方法
- poj 3071 Football
- 终于明白了什么是.NET
- 桌面图标和文件夹图标全变成不可识别的、打不开的、不可读的
- 使用(EA)UML进行AS3程序设计
- jQuery入门:ready加载问题
- 使用天乐软件加密狗(JDProtect)保护您的软件,防止程序被跟踪/逆向/反编译/破解
- http://poj.org/problem?id=1287&&prim
- 谈谈我对数据结构
- ubuntu是linux家族中的祸害
- 数据结构线性表习题(二)
- 通过VC学习反汇编——函数调用:调用约定
- 如何获取客户端浏览器类型(PHP)
- 腾讯笔试附加题(C/C++)2011-10-10