淡入有3种方法：1、fadeIn()，可以淡入隐藏元素，语法“元素对象.fadeIn(淡入时长)”；2、fadeTo()，语法“元素对象.fadeTo(时长,1)”；3、fadeToggle()，语法“对象.fadeToggle(时长)”。
本教程操作环境：windows7系统、jquery3.2.1版本、Dell G3电脑。
在jquery中，能实现淡入效果的有三个方法：
fadeIn() 方法
fadeToggle() 方法
fadeTo() 方法
1、fadeIn() 方法
fadeIn() 用于淡入已隐藏的元素。
语法:
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。.
可选的 callback 参数是 fading 完成后所执行的函数名称。
示例：
以下实例演示了 fadeIn() 使用了不同参数的效果。
2、fadeTo() 方法
住哪酒店分销联盟是住哪网提供的一个网络分销预订平台。加入该本台，您可以通过在您网站或博客上展示图片、文字链接或搜索框，只要通过您的展示预订并入住的订单，您将得到至少12元/间夜的佣金。 加入条件非常宽松，如您经营的是商业性质还是个人性质的网站，可以通过本站提供的API接口，建立一个频道，一方面丰富网站内容，另一方面增加网站收入；如果您在其它网站上有博客，可以通过文字和图片链接，只要通过您的链接预
fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
语法:
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。
可选的 callback 参数是该函数完成后所执行的函数名称。
只需要将opacityc参数的值设置为1，即可实现淡入效果。
$(document).ready(function() {
$("button").click(function() {
$("#div1").fadeTo("fast",1);
$("#div2").fadeTo("slow",1);
$("#div3").fadeTo(5000,1);
});
});
3、fadeToggle() 方法
fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
如果元素已隐藏，则 fadeToggle() 会向元素添加淡入效果。
如果元素已显示，则 fadeToggle() 会向元素添加淡出效果。
$(document).ready(function() {
$("button").click(function() {
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(5000);
});
});
【推荐学习：jQuery视频教程、web前端视频】
