jQuery中$(document).ready()的使用位置
浏览数：48 /
时间：2015年06月09日
jQuery中的$(document).ready()，你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说，一旦DOM在浏览器中注册后，$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时，特效就可以运行了。初学jQuery,今天想写一个按钮的单击触发事件，不知为何就是出不来想过，单步调试也不知道为何。部分代码如下
<script type="text/javascript"> //元素的淡入淡出效果
$(document).ready(function () {
$("#danru").click(function () {
$("#div2").fadeOut("slow",5000);// fadeIn()、fadeToggle()
})
})
</script>为了仔细测试，又把代码改得更简单了些<script type="text/javascript">
<pre name="code" class="html"> $(document).ready(function () { alert("Thank You!"); }); </script>
仔细测试，还是不行，上网百度，各种查找还是不行，最后想到了一个可能，是不是代码放置的位置不对，于是就试探性的把代码放到了<head></head>中，结果竟然成功了，心里各种郁闷。$(document.ready())是jQuery特有的加载函数，使用 $(document).ready()，你能让你的事件在window加载之前加载或触发。可jQuery只是js的一个类库，而js代码加上<script></script>标签既可以放在<head></head>中，又可以放在<body></body>中，那为何上述代码放在<head></head>中就可以，而放在<body></body>中就不可以了呢？（测试时采用的是Firefox浏览器）
初学jQuery,望以后谁看到这篇博文能给予指教
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
