通过 jQuery，您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法：
fadeIn()方法用于淡入已隐藏的元素
fadeOut()方法用于淡出可见元素
fadeToggle()方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换
fadeTo()方法允许渐变为给定的不透明度（值介于 0 与 1 之间）
<html>
<head>
<script src="___.js"></script> <!--引入相关文件-->
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div").fadeToggle();
});
});
</script>
</head>
<body>
<button>点击</button>
<br /><br />
<div id="div" style="width:50px;height:50px;background-color:blue;"></div>
</body>
</html>
来源：CSDN
作者：nongtang1003
链接：https://blog.csdn.net/nongtang1003/article/details/103683090