$(document).ready(function(){ }这个为何不写也行?

$(document).ready(function(){ }这个为何不写也行?

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>习题</title>

    <style>

    div {

        width: 300px;

        height: 200px;

        overflow: scroll;

    }

    </style>

</head>


<body>

    <p>请试着滚动 DIV 中的文本:</p>

    <div>慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

    </div>

    <p>滚动了 <span>0</span> 次。</p>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script>

    //此处写代码

    var i=0;

    $(document).ready(function(){

        $('div').scroll(function(){

            i++;

            $('span').text(i);

        })

    })

    </script>

</body>


</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕码 2019-05-12 13:52:24

同学你好!
代码效果实现是可以的哦~

ready(){}事件:当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

代码是从上而下执行,加上$(document).ready(function(){ }主要是为了避免html中的dom元素没有加载出来~

这里script标签上面的dom元素已经加载出来了,所以这里不写也是可以的。

如果帮助到了你 欢迎采纳 祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师