教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery隐藏标签和显示标签的实例

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

发布时间:2014-05-05   编辑:jiaochengji.com
在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 hide与show方法隐藏与显示标签
jquery隐藏标签和显示标签的实例
jquery隐藏标签、显示标签的例子
Jquery显示、隐藏元素以及添加删除样式
有关jquery一些选择器的用法小结
jQuery判断元素显示与隐藏
js与css 标签页效果的代码分享(图文)
html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)
jquery标签页效果示例代码
JavaScript图表类库 CanvasXpress

关键词: jquery  show  hide   
[关闭]
~ ~