$(document).ready(function(){ }这个为何不写也行？
来源：2-11 编程练习
情人节礼物
2019-05-12 11:33:52
<!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回答
-
好帮手慕码
2019-05-12
同学你好！
代码效果实现是可以的哦~ready(){}事件:当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。
代码是从上而下执行，加上$(document).ready(function(){ }主要是为了避免html中的dom元素没有加载出来~
这里script标签上面的dom元素已经加载出来了，所以这里不写也是可以的。
如果帮助到了你 欢迎采纳 祝学习愉快~
0
相似问题