web前端,竖直,水平菜单总结1,show()显示,hide()隐藏

来源:互联网 发布:vb编程基础教程下载 编辑:程序博客网 时间:2024/06/16 17:00
<!DOCTYPE html>    <!--web前端,竖直,水平菜单总结1,show()显示,hide()隐藏--><!--show()显示,hide()隐藏--><!--参考:http://www.w3school.com.cn/jquery/jquery_hide_show.asp--><html><head>    <meta charset="UTF-8">    <script src="jquery-2.1.4.min.js"></script>    <script type="text/javascript">        $(document).ready(function(){            $("#hide").click(function(){                $("p").hide();            });            $("#show").click(function(){                $("p").show();            });        });    </script></head><body><p id="p1">如果点击“隐藏”按钮,我就会消失。</p><button id="hide" type="button">隐藏</button><button id="show" type="button">显示</button></body></html>
0 0
原创粉丝点击