jQuery-效果-淡入淡出（fade系列）

在body标签中写入如下代码

<button id="in">fadeIn</button>
        <button id="out">fadeOut</button>
        <button id="toggle">fadeToggle</button>
        <button id="to">fadeTo</button>
        <!--用四个按钮分别演示fade系列的效果-->
         <div id="div1" style="width: 80px;height: 80px; display:none;background-color: aqua"></div>
         <div id="div2" style="width: 80px;height: 80px; display:none;background-color:#ece023"></div>
         <div id="div3" style="width: 80px;height: 80px; display:none;background-color:darkgoldenrod"></div>
         <!--写三个div，分别设置它们的宽高、隐藏和背景色-->

在js页面中写入如下代码

$(document).ready(function(){
    $(