编程 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 相关文章推荐

ASP Json Parser修正版

Dec 06 Javascript

用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

Dec 09 Javascript

js onkeypress与onkeydown 事件区别详细说明

Dec 13 Javascript

js数字转换为float,取N位小数

Feb 08 Javascript

js 3秒后跳转页面的实现代码

Mar 10 Javascript

jQuery+json实现的简易Ajax调用实例

Dec 14 Javascript

Three.js快速入门教程

Sep 09 Javascript

详解Vue组件之间的数据通信实例

Jun 17 Javascript

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

May 09 jQuery

Vue 中如何正确引入第三方模块的方法步骤

May 05 Javascript

js实现跟随鼠标移动的小球

Aug 26 Javascript

原生js实现贪吃蛇游戏

Oct 26 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