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

最新推荐文章于 2019-03-08 12:37:13 发布

躬匠

最新推荐文章于 2019-03-08 12:37:13 发布

阅读量5.5k

点赞数

分类专栏： JQuery 文章标签： jQuery中document.read

本文链接：https://blog.csdn.net/ydm19891101/article/details/42804073

版权

JQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery中$(document).ready()的使用位置

jQuery中的$(document).ready()，你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说，一旦DOM在浏览器中注册后，$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时，特效就可以运行了。今天想写一个按钮的单击触发事件，不知为何就是出不来想过，单步调试也不知道为何。部分代码如下
复制链接

扫一扫