jquery hide与show方法隐藏与显示标签

发布时间:2020-06-15编辑:脚本学堂
分享一个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>