jq隐藏和显示相互切换

Original 2018-11-16 22:04:50 185
abstract:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.3

QQ图片20181116215934.pngQQ图片20181116220018.png

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
     $("document").ready(function(){
      $("#but2").hide();
        $("div").hide();
        $("#but1").click(function(){
        $("div").show();
        $("#but1").hide();
        $("#but2").show();
         })
        $("#but2").click(function(){
        $("div").hide();
        $("#but1").show();
        $("#but2").hide();
         })
     })    </script></head>
<body>
 
 <div style="width: 100px;height: 100px;border: 1px solid #ccc;background: pink;"></div>
     <button id="but1"> 显示</button><button id="but2">隐藏</button> 
</html>

Correcting teacher:灭绝师太Correction time:2018-11-17 09:07:25
Teacher's summary:感觉有一段时间没有看到你的作业啦!还是我的错觉?案例比较简单,必要的地方还是需要备注

Release Notes

Popular Entries