jquery hide与show方法隐藏与显示标签
发布时间：2015-12-02 编辑：jiaochengji.com
分享一个jquery中hide与show函数显示与隐藏指定标签的小例子，学习下jquery hide与jquery show函数的用法。
在jquery中实现点击按钮隐藏标签和显示标签，只要绑定指定button或其它，这样点击时调用hide或show函数即可解决。
例子：
复制代码 代码示例:
<script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></script>
<script language="javascript" type="text/javascript">
/**
* hide show函数用例
* 显示与隐藏标签
*/
$(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>
<script language="javascript" type="text/javascript">
/**
* hide show函数用例
* 显示与隐藏标签
*/
$(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 show()方法与hide()方法的小例子
Jquery显示、隐藏元素以及添加删除样式
jquery隐藏标签和显示标签的实例
jquery控制css display属性(控制元素显示与隐藏)
jquery显示、隐藏div的方法举例
jquery 延迟执行的实例分享
jquery show()方法与hide()方法(示例)
Jquery中显示隐藏的实现代码分析
[关闭]