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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
Jun 21 Javascript
JQuery小知识
Oct 15 Javascript
jQuery Animation实现CSS3动画示例介绍
Aug 14 Javascript
详解Vue方法与事件
Mar 09 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
react 兄弟组件如何调用对方的方法示例
Oct 23 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
详解vue中的computed的this指向问题
Dec 05 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
Vue侦测相关api的实现方法
May 22 Javascript
Vue搭建后台系统需要注意的问题
Nov 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安全配置详细说明
2011/09/26 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
easyui validatebox验证
2016/04/29 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
Easyui在treegrid添加控件的实现方法
2017/06/23 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
Python跨文件全局变量的实现方法示例
2017/12/10 Python
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
python爬虫之遍历单个域名
2019/11/20 Python
Tensorflow 实现释放内存
2020/02/03 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
python pyecharts 实现一个文件绘制多张图
2020/05/13 Python
测试工程师岗位职责
2013/11/28 职场文书
班委竞选演讲稿
2014/04/28 职场文书
竞选班委演讲稿
2014/04/28 职场文书
大学生赌博检讨书
2014/09/22 职场文书
2015年推普周活动总结
2015/03/27 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android