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>
效果很不错，代码也很简单，希望大家能够喜欢。
相关文章
当光标移动到某些元素上时，会弹出像tips的提示框，这种效果想必大家都有见到过吧，下面有个不错的示例，大家可以感受下2013-10-10
用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类2011-04-04
这篇文章主要介绍了基于JQuery实现简单的折叠菜单效果，这个功能实现起来很简单，需要的朋友可以参考下2015-11-11![jquery 插件实现多行文本框[textarea]自动高度](//img.jbzj.com/images/xgimg/bcimg3.png)
jquery 插件实现多行文本框[textarea]自动高度
这篇文章主要介绍了jquery 插件实现多行文本框[textarea]自动高度,需要的朋友可以参考下2015-03-03
五个jQuery图片画廊插件，需要的朋友可以参考下。2011-05-05
这篇文章主要介绍了jQuery满屏焦点图左右滚动特效，一段精致的焦点图轮播代码，有需要的小伙伴可以参考下。2015-09-09
本文给大家介绍使用js实现下拉菜单可选择互相移动并实现菜单排序，代码简单易懂，具有参考价值，需要的朋友参考下吧2016-02-02
这篇文章介绍了JQuery获取对象的方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要帮助大家轻松实现jquery选项卡切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
简单谈谈jQuery(function(){})与(function(){})(jQuery)
这篇文章主要简单介绍了jQuery(function(){})与(function(){})(jQuery)的区别,需要的朋友可以参考下2014-12-12
![jquery 插件实现多行文本框[textarea]自动高度](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论