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 相关文章推荐
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
Jan 14 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
vue在线动态切换主题色方案
Mar 26 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
Apache服务器无法使用的解决方法
2013/05/08 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
javascript中的this详解
2014/12/08 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
ionic3 懒加载
2017/08/16 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
python正则表达式面试题解答
2020/04/28 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
Django学习之文件上传与下载
2019/10/06 Python
python hashlib加密实现代码
2019/10/17 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
劳资员岗位职责
2013/11/11 职场文书
学习型党组织建设经验材料
2014/05/26 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
法定代表人证明书
2014/11/28 职场文书
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
配置nginx负载均衡
2022/05/06 Servers
深入理解pytorch库的dockerfile
2022/06/10 Python