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.extend函数扩展自己对象的js代码
Dec 09 Javascript
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
Apr 17 Javascript
webpack HappyPack实战详解
Oct 08 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
Apr 20 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
JavaScript大数相加相乘的实现方法实例
Oct 18 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
从网上搜到的phpwind 0day的代码
2006/12/07 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
老生常谈combobox和combotree模糊查询
2017/04/17 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python中实现定制类的特殊方法总结
2014/09/28 Python
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
快餐公司创业计划书
2014/04/29 职场文书
家长通知书家长意见
2014/12/30 职场文书
党员活动总结
2015/02/04 职场文书
2015年工程师工作总结
2015/04/30 职场文书
学校捐书活动总结
2015/05/08 职场文书
春晚观后感
2015/06/11 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
java实现面板之间切换功能
2022/06/10 Java/Android