[JavaScript知识库]jQuery方法---隐藏与显示

一、隐藏方法

直接隐藏

//当点击按钮时，盒子被隐藏
$("button").click(function(){
	$("div").hide();
});

过渡隐藏

//当点击按钮时，盒子被隐藏,隐藏过程的速度为1s
$("button").click(function(){
	$("div").hide(1000);
});

二、显示方法

直接显示

//当点击按钮时，显示盒子（初始时盒子被隐藏）
$("button").click(function(){
	$("div").show();
});

过渡显示

//当点击按钮时，显示盒子,显示过程的速度为1s
$("button").click(function(){
	$("div").show(1000，"swing");
});

其中，函数的第二个参数是缓动函数，缓动函数指定动画效果在执行时的速度，使其看起来更加真实。jQuery只提供linear和swing两种函数，使用其它函数需要插件。关于其它缓动函数，可参照缓动函数速查表https://www.xuanfengge.com/easeing/easeing/.进行查询。

三、隐藏/显示方法切换

//点击按钮可显示或隐藏盒子
$("button").click(function(){
	$("div").toggle();
});