zoukankan      html  css  js  c++  java
  • show/hide

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="resource/bootstrap/css/bootstrap.css"/>
        <script src="resource/jQuery/jquery-1.11.3.js"></script>
        <script src="resource/bootstrap/js/bootstrap.js"></script>
        <script>
            $().ready(function(){
                $("#hide").click(function(){
                    $("p").hide();
                })
                $("#show").click(function(){
                    $("p").show();
                })
            })
            $().ready(function(){
                $("#hide1").click(function(){
                    $("p").hide();
                })
                $("#show1").click(function(){
                    $("p").show();
                })
            })
            $().ready(function(){
                $("#hide2").click(function(){
                    $("p").hide();
                })
                $("#show2").click(function(){
                    $("p").show();
                })
    
            })
            $().ready(function(){
                $("#show3").click(function(){
                    $("p").show();
                })
                $("#hide3").click(function(){
                    $("p").hide();
                })
            })
    
    
        </script>
    </head>
    <body>
        <p>if you click the button named hide, i will disappear</p>
        <button id="hide">hide</button>
        <button id="show">show</button>
        <button id="hide1">hide1</button>
        <button id="show1">show1</button>
        <button id="hide2">hide2</button>
        <button id="show2">show2</button>
        <button id="show3">show3</button>
        <button id="hide3">hide3</button>
    </body>
    </html>
    
    ---- 动动手指关注我!或许下次你又能在我这里找到你需要的答案!ZZZZW与你一起学习,一起进步!
  • 相关阅读:
    selenium 笔记 webdriver 2
    selenium 笔记 webdriver
    selenium 笔记 简介
    http 笔记 日志跟踪
    http 笔记 web主机托管
    http 笔记 国际化
    http 学习 安全Http
    Http 笔记 摘要认证
    http 笔记 基本认证机制
    算法基础
  • 原文地址:https://www.cnblogs.com/zzzzw/p/5660638.html
Copyright © 2011-2022 走看看