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 相关文章推荐
论坛特效代码收集(落伍转发-不错)
Dec 02 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
Apr 03 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 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/06 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
JS的反射问题
2010/04/07 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
使用Python脚本实现批量网站存活检测遇到问题及解决方法
2016/10/11 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
Selenium启动Chrome时配置选项详解
2020/03/18 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
.net面试题
2015/12/22 面试题
思想汇报范文
2013/11/04 职场文书
教师旷工检讨书
2015/08/15 职场文书
python opencv通过按键采集图片源码
2021/05/20 Python