为什么显示不出来 我在自己编辑器上可以

为什么显示不出来 我在自己编辑器上可以

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8" />

<title>Document</title>

<style>

#box{width:400px;height:400px;border:1px solid red;text-align:center;}

.child{width:300px;height:300px;margin:0 auto;margin-bottom:50px;}

</style>

</head>

<body>

<div id="box">

<div class="child"></div>

<input type="button" value="按钮1" class="btn1"/>

<input type="button" value="按钮2" class="btn2"/>

</div>

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

<script>

//补充代码

$('.btn1').click(function(){

    $('.child').css({

        'background-color':'pink',

        'margin-bottom':50

    })

})

$('.btn2').click(function(){

    $('.child').css({

        width:'-=100',

        height:'-=100'

    })

})

</script>

</body>

</html>


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

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

4回答
好帮手慕糖 2018-12-03 15:17:42

同学你好,就当前代码是这样的,写不写都可以的。但有的代码中有大量图片的话,图片的加载可能会产生影响,是建议添加上的。

祝学习愉快!

好帮手慕糖 2018-12-03 15:12:12

同学你好,存在在$(function(){ })里面也是可以的,这里是指DOM加载完毕之后执行,若是你的js是在head标签中的话,就必须添加$(function(){ })哦。

希望能帮助到你,祝学习愉快!

  • 提问者 qq_浮巷旧人_0 #1
    就是说如果我写在body底部 写不写都可以被
    2018-12-03 15:13:39
好帮手慕糖 2018-12-03 13:46:16

你好,代码是可以的,同学可以清除下缓存,或者换个浏览器测试下哦。

祝学习愉快!

  • 提问者 qq_浮巷旧人_0 #1
    把script里面的代码放在$(function(){ })里面可以吗 放不放有什么区别啊 这个东西有什么用
    2018-12-03 14:23:51
好帮手慕糖 2018-12-03 10:49:47

同学你好,如下,在线编辑器这里也是可以显示的哦,例:

http://img1.sycdn.imooc.com//climg/5c04998400015a7111360478.jpg

要记得点击提交按钮哦,例:

http://img1.sycdn.imooc.com//climg/5c04999c0001af6d03230087.jpg

希望能帮助到你,祝学习愉快!

  • 提问者 qq_浮巷旧人_0 #1
    不知道为什么 我的就是不显示 我的代码没错就行
    2018-12-03 11:35:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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