词雅网jquery淡出指定元素
使用“fadeOut”淡出指定元素。
HTML标签.fadeOut(时间(毫秒))
下面是一个示例代码，当单击按钮时，指定元素会在 1 秒内淡出。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery淡出演示</title>
<!-- semantic.css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<style>
body>.grid {
height: 100%;
}
.fields {
margin-top: 5px;
}
</style>
<script>
$(function(){
$('#btn').on('click', function(){
$('#a1').fadeOut(1000);
});
});
</script>
<body>
<div class="ui middle aligned center aligned grid">
<div class="column">
<div class="ui stackable fields">
<a id="a1" class="ui pink tag label">淡出</a>
<button id="btn" class="ui pink basic button">执行</button>
</div>
</div>
</div>
</body>
</html>除了实例中的写法。
也可以使用箭头函数编写。
$(() => {
$('#btn').on('click', () => {
$('#a1').fadeOut(1000);
});
}); 本文来源：词雅网
本文地址：https://www.ciyawang.com/jquery-fadeout-2.html
本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权，转载或使用请署名并注明出处。
相关推荐
-
【jQuery入门】总结如何用replace()替换字符串
replace()方法是什么？ 下面就从replace方法的基础知识开始学习吧！replace方法是一种允许您用任何字符替换字符串的方法。 它对一般的字...
-
获取jquery文本表单的输入事件
编写一个示例代码，在jquery的“on”方法中使用“touchmove”获取文本表单的输入事件。获取文本表单的输入事件要获取文本表单的输入事件，请在“on”方法中指定“input”。$('指...
-
详解如何在jQuery选择器中使用正则表达式和属性过滤器
这一次，我们来学习使用正则表达式和属性过滤器来指定 jQuery 选择器的方法！比正则表达式更简单的属性过滤器是什么？让我们从学习属性过滤器开始，它比正则表达式更容易指定选择器！首先，jQuery 选...
-
使用jQuery在指定的html标签中插入html代码
编写一个示例代码，使用jquery的wrapInner()方法在指定的html标签插入插入html代码。在指定的html标签中插入html代码wrapInner()方法可以在指定的html标签插入插入...
-
详解如何使用jQuery的submit()方法提交表单
这次，我们来学习一下“submit()”方法，它可以让你从jQuery中操作Form元素的提交！什么是submit()那么我们先从“submit()”方法的基础知识说起吧！“submit()”是一种允...
-
详解jQuery使用contents()方法获取指定元素的子元素和文本节点
这一次，让我们通过一个示例来了解如何使用 jQuery 的“contents()”方法。 如果只是简单的“选择子元素”，可以在children()方法中使用，但在选择“不...
-
详解jQuery使用.show()/.fadeIn()淡入指定元素
这一次，让我们通过一个示例来解释如何使用jQuery的“.show( )/.fadeIn()”。.show()/.fadeIn() 的作用是什么？.show()/.fadeIn()可以“淡入显示dis...
-
详解jQuery使用fadeTo()方法改变指定元素的透明度
这一次，让我们通过一个示例来解释如何使用 jQuery 的“.fadeTo()”。fadeTo()方法 的功能是什么？fadeTo() 方法是逐渐改变被选元素的不透明度为指定的值（褪色效果）。但是，这...
-
详解jQuery使用.hide()/.fadeOut() 淡出和隐藏指定元素
jQuery的“.hide()/.fadeOut()”是一种可以在淡出的同时隐藏指定元素的方法 这一次，我们通过一个示例来解释如何使用jQuery 的“.hide( )/...
-
详解如何使用jQuery的html()方法进行添加、获取和重写HTML
这一次，让我们来了解一下“html()”方法，它可以让您使用 jQuery 获取、添加和重写 HTML 元素！什么是html()方法让我们从学习“html()”方法的基础开始吧！通过使用“html()...
