如何在jquery背景效果上添加淡入淡出效果？

$("#element").fadeIn("slow", function() {
  // 淡入完成后的回调函数
});

$("#element").fadeOut("slow", function() {
  // 淡出完成后的回调函数
});

<div id="background"></div>

#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("background.jpg");
  opacity: 0.5; /* 初始透明度为0.5 */
}

$("#background").fadeIn("slow", function() {
  // 淡入完成后的回调函数
});

$("#background").fadeOut("slow", function() {
  // 淡出完成后的回调函数
});