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 MD4
Dec 20 Javascript
Javascript 函数对象的多重身份
Jun 28 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
简单谈谈gulp-changed插件
Feb 21 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
Angular Excel 导入与导出的实现代码
Apr 17 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 输出简单动态WAP页面
2009/06/09 PHP
什么是PHP文件?如何打开PHP文件?
2017/06/27 PHP
javascript RadioButtonList获取选中值
2009/04/09 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
js location.replace与location.reload的区别
2010/09/08 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
js实现简单的秒表
2020/01/16 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
详解用python写一个抽奖程序
2019/05/10 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
如何整合JQuery和Prototype
2014/01/31 面试题
实习单位接收函模板
2014/01/10 职场文书
大学毕业感言50字
2014/02/07 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
千手观音观后感
2015/06/03 职场文书