jquery隐藏标签和显示标签的实例

 更新时间:2013年11月11日 11:14:18   作者:  
在jquery中我们要实现点击按钮隐藏标签和显示标签,只要绑定指定button或其它,这样点击时调用hide或show函数即可解决,下面看个实例就明白了

复制代码 代码如下:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide(1000);
$("#show").click(function(){
$("p").show(1000);
});
});
});
</script>

<p>

大家好,欢迎学习jquery
</p>

<button id="show">显示</button>
<button id="hide">隐藏</button>

相关文章

  • jQuery实现购物车数字加减效果

    jQuery实现购物车数字加减效果

    本文给大家分享的是jQuery实现购物车数字加减效果的3种实现方法,分别是左右加减数字、Bootstrap风格,右侧加减以及jQuery ui风格,右侧加减,效果非常棒,需要的小伙伴来参考下吧。
    2015-03-03
  • jquery实现叠层3D文字特效代码分享

    jquery实现叠层3D文字特效代码分享

    本文主要介绍了jquery实现叠层3D文字特效,实现很简单
    2015-08-08
  • jQuery通过写入cookie实现更换网页背景的方法

    jQuery通过写入cookie实现更换网页背景的方法

    这篇文章主要介绍了jQuery通过写入cookie实现更换网页背景的方法,涉及jQuery结合cookie设置页面元素属性的相关操作技巧,需要的朋友可以参考下
    2016-04-04
  • 关于hashchangebroker和statehashable的补充文档

    关于hashchangebroker和statehashable的补充文档

    我觉得之前写的两篇随笔有点不负责任,完全没写明白,补充了一份文档(权且算是文档吧=.=)
    2011-08-08
  • 使用jQuery+HttpHandler+xml模拟一个三级联动的例子

    使用jQuery+HttpHandler+xml模拟一个三级联动的例子

    昨天同学问我有关如何快速读取多层级xml文件的问题,于是我就使用省、市、县模拟了一个三级联动的例子,客户端使用jQuery实现异步加载服务器返回的json数据,服务器端则使用XPath表达式查询数据。
    2011-08-08
  • jQuery中ready事件用法实例

    jQuery中ready事件用法实例

    这篇文章主要介绍了jQuery中ready事件用法,实例分析了ready事件的功能、定义及文档加载就绪以后触发的具体使用技巧,需要的朋友可以参考下
    2015-01-01
  • 用jQuery向div中添加Html文本内容的简单实现

    用jQuery向div中添加Html文本内容的简单实现

    下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Json序列化和反序列化方法解析

    Json序列化和反序列化方法解析

    本篇文章主要是对Json序列化和反序列化方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jQuery中页面返回顶部的方法总结

    jQuery中页面返回顶部的方法总结

    本文给大家总结了关于jquery中页面返回顶部的方法小结,以及各个方法的优缺点介绍,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2016-12-12
  • jquery编写日期选择器

    jquery编写日期选择器

    本篇文章主要介绍了jquery编写日期选择器的实现过程与方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03

最新评论