jQuery |带示例的淡入淡出（）

FadeTo()是 jQuery 中的一个内置方法，用于更改所选元素的不透明度。
句法：

$(selector).fadeTo(speed, opacity, easing, call_function)

这里的 selector 是被选中的元素。
参数：它接受下面指定的四个参数-

• speed：它指定了淡入淡出效果的速度。
• 不透明度：它指定淡入淡出，该值必须在 0.0 和 1.0 之间。
• easing：指定动画不同点的速度。
• call_function：可选参数，在执行fadeTo方法后执行一个函数。

返回值：它不返回任何值。

显示fadeTo()方法工作的jQuery代码：
代码#1：
在下面的代码中，没有传递可选的函数参数。

  

    
    
    
        body {
            width: 40%;
            height: 100px;
            border: 2px solid green;
            padding: 20px;
        }
    
  

  

    
    
        This paragraph will fade out !
    
    
    
        This paragraph will not fade !
    
    
    
        $("p:first").click(function() {
            $(this).fadeTo("slow", 0.33);
        });
    
  

  

输出：
在点击任何段落之前——

点击第一段和第二段后——

代码#2：
在下面的代码中，传递了可选的函数参数。

  

    
    
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("p").fadeTo(2000, 0.2, function() {
                    alert("The fadeTo effect has finished!");
                });
            });
        });
    
    
        body {
            width: 40%;
            height: 100px;
            border: 2px solid green;
            padding: 20px;
        }
    

  

    
    This is a paragraph.
  
    
    Click me
  

  

输出：
在点击“点击我”按钮之前——

点击“点击我”按钮后——