jquery隐藏标签、显示标签的例子
发布时间:2015-11-21 编辑:jiaochengji.com
分享一例jquery代码,学习下jquery显示与隐藏标签的方法,例子很简单,适合初学jquery的朋友参考。
本节内容:
在jquery中实现点击按钮隐藏标签和显示标签,只要绑定指定button或其它,点击时调用hide或show函数即可解决。
例子:
复制代码 代码示例:
<html>
<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>
</html>
<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>
</html>
您可能感兴趣的文章:
jquery hide与show方法隐藏与显示标签
jquery隐藏标签、显示标签的例子
jquery隐藏标签和显示标签的实例
有关jquery一些选择器的用法小结
jQuery判断元素显示与隐藏
Jquery显示、隐藏元素以及添加删除样式
jquery 获取文字宽度与显示长度的例子
html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)
js与css 标签页效果的代码分享(图文)
jquery 轮换显示 第一小个例子
上一篇:jquery幻灯片效果的插件一例
下一篇:jQuery 无刷新分页的实现代码
[关闭]