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中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
bootstrap的常用组件和栅格式布局详解
May 02 Javascript
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
Jul 11 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
深入理解Vue 的条件渲染和列表渲染
Sep 01 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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/02/24 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
PHP 第一节 php简介
2012/04/28 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
PHP文件上传类实例详解
2016/04/08 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
JavaScript DOM基础
2015/04/13 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
详解js加减乘除精确计算
2019/03/19 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
Python的gevent框架的入门教程
2015/04/29 Python
Python向excel中写入数据的方法
2019/05/05 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
Bose加拿大官方网站:美国知名音响品牌
2019/03/21 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
上课说话检讨书大全
2014/01/22 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
违反学校规则制度检讨书
2015/01/01 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
人事任命通知
2015/04/20 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server
Java 将PPT幻灯片转为HTML文件的实现思路
2021/06/11 Java/Android