52、实例使用jQuery设计简单的显隐效果

最新推荐文章于 2023-01-08 21:05:42 发布

xuxianmei

最新推荐文章于 2023-01-08 21:05:42 发布

阅读量586

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/tlxxm/article/details/37658583

版权

jQuery 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery设计简单的显隐效果</title>
<script type="text/javascript" src="jquery-2.1.0.js">
</script>
<script>
$(document).ready(
function()
{
	//当使用了hide之后再使用show，display值是系统默认值。
	//当一开始就设置了none时，使用show是清空这个声明。
	$("p").hide(2500).show();
	$("div").hide().show(2000);
	$("span").eq(0).hide();
	$("span")[1].style.display="none";
	$("span").show();//显示所有
	}
);
</script>
</head>

<body>
<p>p元素</p>
<div>div元素</div>
<span>span元素1</span>
<span>span元素2</span>
<span style="display:none;">span元素3</span>
</body>
</html>

xuxianmei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
52、实例使用jQuery设计简单的显隐效果

使用jQuery设计简单的显隐效果$(document).ready(function(){ //当使用了hide之后再使用show，display值是系统默认值。 //当一开始就设置了none时，使用show是清空这个声明。 $("p").hide(2500).show(); $("div").hide().show(2000); $("span").eq(0).hide(
复制链接

扫一扫