show/hide
2016-07-11 16:19
423 查看
<!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>
相关文章推荐
- ubuntu linux下安装mysql
- 易语言 特征码的8种修改方法
- eclipse启动tomcat后localhost:8080无法访问问题
- Hive 启动报错 ClassNotFoundException: org.apache.hadoop.hive.service.HiveServer
- iOS之scrollView分页无限滚动框架
- flex弹性布局
- samba服务器的配置
- 易语言免杀360QVM人工智能
- ETL数据清洗工具总结
- angular 嵌套实现树结构 ng-repeat ng-include
- 餐饮项目开发遇到的问题和解决方法
- Android ContentProvider query参数
- windows与centos-mysql主从同步
- ObjectOutputStream和ObjectInputStream
- 【树】判断树是否为BST + 求BST的第k个结点 + 判断一个数组是否为BST的后序遍历
- SQLite模糊查询
- POJ 3237 树链剖分
- 素数计算---改良版埃氏筛选和欧拉筛选
- 每日一练——矩阵中的最大递增路径
- mysql主从复制