jQuery中$(document).ready()的使用位置

来源:互联网 发布:linux search命令 编辑:程序博客网 时间:2024/04/28 03:30

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,望以后谁看到这篇博文能给予指教。

0 0