// 淡入显示所有隐藏的<p>元素
$("p").fadeIn();

// 在600毫秒内淡入显示元素
$("#element").fadeIn(600);

// 淡入完成后执行回调函数
$("#element").fadeIn("slow", function() {
    console.log("淡入动画完成");
});

// 使用线性缓动函数
$("#element").fadeIn(1000, "linear");

// 确保元素初始状态是隐藏的
$("#element").hide().fadeIn();

// 停止当前动画再开始新的
$("#element").stop(true, true).fadeIn();

/* 使用visibility和opacity代替display */
.hidden {
    visibility: hidden;
    opacity: 0;
}
.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease;
}

$("#element")
    .css("color", "red")
    .fadeIn(500)
    .delay(1000)
    .fadeOut(500);

// 使用自定义缓动函数
$.easing.customEase = function (x, t, b, c, d) {
    return c * (t /= d) * t + b;
};
$("#element").fadeIn(1000, "customEase");