jQuery简单实现隐藏以及显示特效


Posted in Javascript onFebruary 26, 2015

简单的 隐藏以及显示的代码如下:

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery.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>

效果很不错,代码也很简单,希望大家能够喜欢。

Javascript 相关文章推荐
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
javascript 类型判断代码分析
Mar 28 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
May 13 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
js倒计时小程序
Nov 05 Javascript
js中this的用法实例分析
Jan 10 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 #Javascript
jQuery对象初始化的传参方式
Feb 26 #Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 #Javascript
JS实现很酷的水波文字特效实例
Feb 26 #Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 #Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 #Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 #Javascript
You might like
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
超清晰的document对象详解
2007/02/27 Javascript
看了就知道什么是JSON
2007/12/09 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
vue的mixins属性详解
2018/03/14 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
分享Python文本生成二维码实例
2016/01/06 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
python通过配置文件共享全局变量的实例
2019/01/11 Python
Python如何根据时间序列数据作图
2020/05/12 Python
python 贪心算法的实现
2020/09/18 Python
python中xlutils库用法浅析
2020/12/29 Python
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
个人应聘自我评价分享
2013/11/18 职场文书
大学生励志演讲稿
2014/04/25 职场文书
股票投资建议书
2014/05/19 职场文书
文明城市标语
2014/06/16 职场文书
社区党员公开承诺书
2014/08/30 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
民事诉讼代理词
2015/05/25 职场文书
学校财务管理制度
2015/08/04 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python
Python利用zhdate模块实现农历日期处理
2022/03/31 Python