jQuery fadeTo()方法是一个用于渐变元素透明度至指定值的方法。该方法包含两个参数：speed和opacity。Speed参数用于指定渐变的速度，单位为毫秒；opacity参数用于指定透明度的值，取值范围为0到1，0为完全透明，1为完全不透明。

使用方法：

$(selector).fadeTo(speed, opacity);

其中，selector为指定的元素，speed为渐变时间，opacity为渐变的最终透明度值。

下面是一个示例，实现了鼠标划过某个元素时，元素透明度渐变至0.5：

<!DOCTYPE html><html>  <head>    <title>jQuery fadeTo() Method Example</title>    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>    <style>      #fade-p {        width: 200px;        height: 200px;        background-color: #F44336;      }    </style>    <script>      $(document).ready(function() {        $("#fade-p").hover(function() {          $(this).fadeTo("slow", 0.5);        }, function() {          $(this).fadeTo("slow", 1);        });      });    </script>  </head>  <body>    <p id="fade-p"></p>  </body></html>

在上述示例中，当鼠标经过fade-p元素时，设置元素透明度为0.5，鼠标移出元素时将透明度恢复为1。

另一个示例是动态改变元素透明度的值。在该示例中，我们通过按钮点击事件，动态改变元素的透明度值。

<!DOCTYPE html><html>  <head>    <title>jQuery fadeTo() Method Example</title>    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>    <style>      #fade-p {        width: 200px;        height: 200px;        background-color: #F44336;      }    </style>    <script>      $(document).ready(function() {        $("#fade-p").click(function() {          var opacity = $("#fade-p").css("opacity");          if (opacity == 0.5) {            $("#fade-p").fadeTo("slow", 1);          } else {            $("#fade-p").fadeTo("slow", 0.5);          }        });      });    </script>  </head>  <body>    <p id="fade-p"></p>    <p><button id="fade-btn">Change Opacity</button></p>  </body></html>

在该示例中，当按钮被点击时，获取fade-p元素当前的透明度值，如果当前值为0.5，则将透明度改为1，否则将透明度改为0.5。