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中window.event事件用法详解
Dec 11 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 Javascript
vue.js封装switch开关组件的操作
Oct 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
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
JSON 教程 json入门学习笔记
2020/09/22 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
js动态添加带圆圈序号列表的实例代码
2021/02/18 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
Python执行时间的几种计算方法
2020/07/31 Python
python 利用zmail库发送邮件
2020/09/11 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
德国富尔达运动鞋店:43einhalb
2020/12/25 全球购物
优秀的导游求职信范文
2014/04/06 职场文书
计划生育标语
2014/06/23 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
2015年教育实习工作总结
2015/04/24 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
辞职信怎么写?
2019/05/21 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android
解决 redis 无法远程连接
2022/05/15 Redis
Python实现仓库管理系统
2022/05/30 Python