87,955
社区成员
发帖
与我相关
我的任务
分享请教jquery的基本问题
新人第一次发帖求教
想请问下大神Jquery中 $(doucment).ready(function(){})这个函数或者称之为事件 到底是基于什么运行机制？ 如果单纯的解释为提前加载 事件内部的函数 那么像click这种事件需要放在这个函数里呢？ 他的作用是怎样的 或者说这个函数到底干了什么？
一直以来都只是照搬使用 想深入了解下 请达人解惑
想请问下大神Jquery中 $(doucment).ready(function(){})这个函数或者称之为事件 到底是基于什么运行机制？ 如果单纯的解释为提前加载 事件内部的函数 那么像click这种事件需要放在这个函数里呢？ 他的作用是怎样的 或者说这个函数到底干了什么？
一直以来都只是照搬使用 想深入了解下 请达人解惑
...全文
请发表友善的回复…
发表回复
chanel_1 2015-10-20
- 打赏
- 举报
像click这种事件函数一定要放在这个函数里，因为它会防止找不到你要操作的对象。像定义的一些方法我觉得反而不要放在里面，如果是跟后台结合，很多时候数据都是从后台for each循环出来的， 很可能$(doucment).ready(function(){})很久也不响应，如果把方法放在这里些，很多时候会报错该方法undefined，纯属个人经验总结。。。
街头小贩 2015-10-19
- 打赏
- 举报
再看jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>this is lab</title>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function a(){
var b=document.getElementById("b").val();
console.log("b element is exist");
}
</script>
</head>
<body>
<script type="text/javascript">jQuery(function($){var b=$('#b').val();console.log("b element is exist");});</script>
<p>js执行时元素未加载</p>
<input type="text" value="a" id="b" />
</body></html>
街头小贩 2015-10-19
- 打赏
- 举报
作用:
它是保证函数体的代码是在dom结构已经构造结束（文档树创建结束），或者说此时document下的所有tag已经加载完成,而外部资源(像图片，视频，。。。，其它的一些内容类型(有自已的MIME-TYPE))未必加载结束
这样你在操作dom时所有元素是可用的。而不会出现下面这种情况
TypeError: document.getElementById(...) is null
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>this is lab</title>
<script type="text/javascript">
function a(){
var b=document.getElementById("b").val();
console.log("b element is exist");
}
</script>
</head>
<body>
<script type="text/javascript">a();</script>
<p>js执行时元素未加载</p>
<input type="text" value="a" id="b" />
</body></html>
