首页 > 设计 > WEB开发 > 正文

【jQuery】超简单的点击弹出或隐藏操作

2019-11-02 18:27:35
字体:
来源:转载
供稿:网友

这里写图片描述

测试代码如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div class="dw"> <input type="button" value="点我"/> </div> <div class="out" style="display: none"> <h1>嘿嘿 我出来了</h1> </div> <script src="../js/jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function(e){ /*点我 弹出内容*/ $('.dw').click(function(){ if($('.out').is(':hidden')){ $('.out').show(); }else{ $('.out').hide(); } }); }); </script></body></html>

注意:别忘了引入jquery-1.11.3.js文件,不然是看不到效果的哦。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表