「jQuery」fadeTo()で要素のフェード処理を行うサンプル

2020年1月1日

書式
$(selector).fadeTo(speed,opacity,callback);

サンプルコード

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeTo("slow",0.15);
    $("#div2").fadeTo("slow",0.4);
    $("#div3").fadeTo("slow",0.7);
  });
});
</script>
<button>test</button>
<br><br>
<div id="div1"></div><br>
<div id="div2"></div><br>
<div id="div3"></div>