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


通过上面的语句将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”‘的所有元素

你可能感兴趣的:(笔记)