jquery如何完成点一下删掉退出功效

lxf2023-03-18 12:59:01

完成点一下删掉退出功效的方式:1、给原素关联click点击事件并特定事件处理函数;2、在事件处理函数中运用fadeTo()方式完成点一下删掉退出实际效果,词法为“要退出元素目标.fadeTo(speed,opacity,callback)”。

jquery如何完成点一下删掉退出功效

实例教程作业环境:windows10系统软件、jquery3.2.1版本号、Dell G3计算机。

jquery如何完成点一下删掉退出实际效果

在jquery中,可以借助fadeTo()方法与click点击事情完成点一下删掉退出实际效果。

fadeTo() 方式要被选原素却不清晰度慢慢地改变为特定数值。词法为:

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

在其中:

jquery如何完成点一下删掉退出功效

实例如下所示:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").fadeTo(1000,0);
  });
});
</script>
</head>
<body>
<p>点击图标退出</p>
<button class="btn1">退出</button>
</body>
</html>

输出结果:

jquery如何完成点一下删掉退出功效

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何完成点一下删掉退出功效的具体内容,大量欢迎关注AdminJS其他类似文章!