jQuery简单实现隐藏以及显示特效
更新时间：2015年02月26日 11:54:36 投稿：hebedich
这篇文章主要介绍了jQuery简单实现隐藏以及显示特效,需要的朋友可以参考下
简单的 隐藏以及显示的代码如下：
复制代码 代码如下:
<!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中的ajax方法怎样通过JSONP进行远程调用
这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用,需要的朋友可以参考下2014-04-04
由于项目中用到左右选择的控件，网上找了一些相关的实现，基本上有两个:1、基于JQuery UI的控件2、某个兄弟手写的一个控件,具体实现如下，感兴趣的朋友可以参考下哈2013-06-06
$.ajax()的方法想必大家都不会陌生，下面为大家介绍下使用jquery自定义类实现类似$.ajax()的方法，感兴趣的朋友可以参考下2013-08-08
javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】
这篇文章主要介绍了javascript（基于jQuery）实现鼠标获取选中的文字,涉及jQuery响应鼠标事件及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-10-10
文章介绍了几个在jQuery中非常有用的遍历函数，遍历函数是做么的方便。当在它们一起使用时，它们将更加强大。也就是说，一个函数的输出是另一个函数的输入，它们是链式的。下面我们就来详细探讨下吧。2015-07-07
这篇文章主要为大家详细介绍了基于jquery实现九宫格拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
本篇文章介绍了jQuery实现表格的排序方法与主要思路，相信会对大家有所帮助，下面就跟小编一起来看看吧2016-12-12
昨天做一个Jqery效果，要获取相应元素的索引值，晕，又忘记了。现在记录下来，以后再次忘记好查怎么获取相应元素的索引值2012-10-10
鼠标经过导航条改变背景图的效果很是好看，下面为大家介绍下使用jquery是如何实现的，感兴趣的朋友可以参考下2013-12-12
each() 方法规定为每个匹配元素规定运行的函数。这篇文章主要给大家介绍jQuery中each方法的使用详解，需要的朋友参考下吧2018-03-03
最新评论