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 相关文章推荐
兼容FireFox 的 js 日历 支持时间的获取
Mar 04 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
js实现鼠标感应图片展示的方法
Feb 27 Javascript
JS选项卡动态替换banner图片路径的方法
May 11 Javascript
js实现微信分享代码
Oct 11 Javascript
原生JS仿QQ阅读点击展开、收起效果
Mar 08 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 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 addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
php去除HTML标签实例
2013/11/06 PHP
php fread读取文件注意事项
2016/09/24 PHP
js调用flash的效果代码
2008/04/26 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
JavaScript小技巧整理
2015/12/30 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
python求列表交集的方法汇总
2014/11/10 Python
python在windows和linux下获得本机本地ip地址方法小结
2015/03/20 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python导入时小括号大作用
2017/01/10 Python
PHP实现发送和接收JSON请求
2018/06/07 Python
Django如何自定义分页
2018/09/25 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
python yield和Generator函数用法详解
2020/02/10 Python
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
外语学院毕业生的自我鉴定
2013/11/28 职场文书
会计专业自荐信
2013/12/02 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
好好学习保证书
2015/02/26 职场文书
2015年后备干部工作总结
2015/05/15 职场文书
统招统分证明
2015/06/23 职场文书
nginx常用配置conf的示例代码详解
2022/03/21 Servers