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实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
js截取字符串的两种方法及区别详解
Nov 05 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
Node.js学习入门
Jan 03 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
JavaScript将数组转换为链表的方法
Feb 16 Javascript
js代码实现轮播图
May 04 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函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
jQuery的三种$()
2009/12/30 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
FireBug 调试JS入门教程 如何调试JS
2013/12/23 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
详解React中的组件通信问题
2017/07/31 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
深入理解Python中命名空间的查找规则LEGB
2015/08/06 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
python实现简单的学生管理系统
2021/02/22 Python
自我评价范文分享
2014/01/04 职场文书
社区戒毒工作方案
2014/06/04 职场文书
卖房授权委托书样本
2014/10/05 职场文书
Java8中接口的新特性使用指南
2021/11/01 Java/Android
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫