完成点一下删掉退出功效的方式:1、给原素关联click点击事件并特定事件处理函数;2、在事件处理函数中运用fadeTo()方式完成点一下删掉退出实际效果,词法为“要退出元素目标.fadeTo(speed,opacity,callback)”。
本实例教程作业环境:windows10系统软件、jquery3.2.1版本号、Dell G3计算机。
jquery如何完成点一下删掉退出实际效果
在jquery中,可以借助fadeTo()方法与click点击事情完成点一下删掉退出实际效果。
fadeTo() 方式要被选原素却不清晰度慢慢地改变为特定数值。词法为:
$(selector).fadeTo(speed,opacity,callback)
在其中:
实例如下所示:
<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如何完成点一下删掉退出功效的具体内容,大量欢迎关注AdminJS其他类似文章!