jQuery 隐藏/显示学习笔记

hide()方法

要隐藏一个元素，可以使用jQuery中的hide()方法。该方法将隐藏所选元素，并将其display属性设置为“none”。

javascriptCopy Code
$("#element_id").hide();

show()方法

show()方法用于显示预先隐藏的元素。该函数将把一个隐藏的元素显示出来，并将其display属性设置为初始值（通常是"block"）。

javascriptCopy Code
$("#element_id").show();

toggle()方法

toggle()用于在hide()和show()之间切换元素的可见性。

javascriptCopy Code
$("#element_id").toggle();

fadeIn()方法

fadeIn()方法用于使元素淡入可见。可以设置动画时间（以毫秒为单位）。

javascriptCopy Code
$("#element_id").fadeIn(1000);

fadeOut()方法

fadeOut()方法用于使元素淡出不可见。同样可以设置动画时间。

javascriptCopy Code
$("#element_id").fadeOut(1000);

slideDown()方法

使用slideDown()方法可以使隐藏的元素向下滑动以显示出来。也可以设置动画时间。

javascriptCopy Code
$("#element_id").slideDown(1000);

slideUp()方法

slideUp()方法用于向上滑动隐藏元素。依然可以设置动画时间。

javascriptCopy Code
$("#element_id").slideUp(1000);

以上是一些基本的jQuery显示/隐藏操作。更多详细信息可以查看jQuery官方文档。