利用jquery进行对元素的淡入淡出操作

<script src="js/jquery-3.4.1.min.js"></script>

通过上面的语句将jquery的文件添加到HTML文件中

$(document).ready(function() {
$(“button”).click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle(“slow”);
$("#div3").fadeToggle(2000);
});

});

以上语句为通过id等对元素进行淡入淡出操作，写在script标签中即可。

$(“button”).click(function(){
该语句为通过点击button标签运行该函数，也可以改为id，只需在id前添加#即可

$("#div1").fadeToggle();
该语句的意思是为id是div1的元素添加效果

fadeToggle（）的作用是若可见则淡出，若不可见则淡入
fadeIn（）的作用是将不可见的元素淡入
fadeOut（）的作用是将可见的元素淡出

#id选择id
.class选择class，比如.test为选择含有“class=“text”‘的所有元素