（二）jQuery效果隐藏和显示

最新推荐文章于 2023-07-13 10:50:44 发布

北斗星的爱886

最新推荐文章于 2023-07-13 10:50:44 发布

阅读量121

点赞数

分类专栏： jQuery 文章标签： jquery javascript html5 html

本文链接：https://blog.csdn.net/zhangjie2016/article/details/118245568

版权

18 篇文章 2 订阅

订阅专栏

$(document).ready(function(){
	$('button').click(function(){//点击按钮事件
		$('p').hide();//隐藏p元素
	})
})

$(document).ready(function(){
	$('button').click(function(){//点击按钮事件
		$('p').show();//显示p元素
	})
})

语法：

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

speed：隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。
callback：隐藏或显示完成后所执行的函数名称。

$(document).ready(function(){
	$('button').click(function(){//点击按钮事件
		$('p').hide(200);//200毫秒内隐藏p元素
	})
})

$(document).ready(function(){
	$('button').click(function(){//点击按钮事件
		$('p').show(slow);//慢动作显示p元素
	})
})

如果该元素隐藏，使用toggle()就显示元素，反之，如果该元素显示，使用toggle()就隐藏元素：

$(document).ready(function(){
	$('button').click(function(){//点击按钮事件
		$('p').toggle();//p元素会在隐藏和显示之间切换
	})
})

关注