编程 Javascript

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>

效果很不错，代码也很简单，希望大家能够喜欢。

jQuery简单实现隐藏以及显示特效

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript中去掉数组中的重复值的实现方法

Aug 03 Javascript

JQuery 返回布尔值Is()条件判断方法代码

May 14 Javascript

实例详解JSON数据格式及json格式数据域字符串相互转换

Jan 07 Javascript

js右下角弹出提示框示例代码

Jan 12 Javascript

Vue.js动态添加、删除选题的实例代码

Sep 30 Javascript

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

Jan 21 Javascript

vue如何判断dom的class

Apr 26 Javascript

vuejs 动态添加input框的实例讲解

Aug 24 Javascript

如何解决js函数防抖、节流出现的问题

Jun 17 Javascript

vue计算属性+vue中class与style绑定(推荐)

Mar 30 Javascript

JS判断浏览器类型与操作系统的方法分析

Apr 30 Javascript

在vue中封装的弹窗组件使用队列模式实现方法

Jul 23 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