toggle / slideToggle / fadeToggle 的区别-js教程-PHP中文网

首页

web前端

js教程

toggle / slideToggle / fadeToggle 的区别

巴扎黑

Jun 26, 2017 pm 02:34 PM

toggle区别

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JQ</title>
	<style>
		div { width: 100px; height: 100px; background: yellow; border: 1px red solid; }
	</style>
</head>
<body>
	<div></div>
	<div></div>
	<div></div>
	<input type="button" value="yes,im ok">
<!-- JS -->

<script src="js/jquery-3.2.1.min.js?1.1.11"></script>
<script>

$(&#39;input&#39;).click(function(){
	$(&#39;div:eq(0)&#39;).toggle(3000)
	$(&#39;div:eq(1)&#39;).slideToggle(3000)
	$(&#39;div:eq(2)&#39;).fadeToggle(3000)
})
	
</script>
</body>
</html>

总结：

　　toggle对整个元素的可见样式属性进行动画过渡处理

　　slideToggle对元素仅做度高过渡处理

　　fadeToggle对元素仅做透明度过渡处理

以上是toggle / slideToggle / fadeToggle 的区别的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

区分win11商务版和消费者版的区别Jan 05, 2024 pm 04:53 PM

win11business和consumer版本其实就是消费版还有商业版，两者的区别不大，但还是有的，下面我们就一起来看一下两者的具体区别在哪里。win11business和consumer版本区别：1、两者如果版本相同的话，跟专业版没什么区别。2、两者的功能基本相同，不过微软的授权方式是不同的。3、激活的方式也是不同的，consumer是单一授权，而business是批量授权。4、我们下载consumer就可以了。

华为GT3 Pro和GT4的差异是什么？Dec 29, 2023 pm 02:27 PM

许多用户在选择智能手表的时候都会选择的华为的品牌，其中华为GT3pro和GT4都是非常热门的选择，不少用户都很好奇华为GT3pro和GT4有什么区别，下面就就给大家介绍一下二者。华为GT3pro和GT4有什么区别一、外观GT4：46mm和41mm，材质是玻璃表镜+不锈钢机身+高分纤维后壳。GT3pro：46.6mm和42.9mm，材质是蓝宝石玻璃表镜+钛金属机身/陶瓷机身+陶瓷后壳二、健康GT4：采用最新的华为Truseen5.5+算法，结果会更加的精准。GT3pro：多了ECG心电图和血管及安

在C语言中，while(1)和while(0)之间的区别是什么？Aug 31, 2023 am 10:45 AM

我们知道在C语言中，'while'关键字用于定义一个循环，该循环根据传递给循环的条件来工作。现在，由于条件可以有两个值，即真或假，所以如果条件为真，则while块内的代码将被重复执行，如果条件为假，则代码将不会被执行。现在，通过将参数传递给while循环，我们可以区分while(1)和while(0)，因为while(1)是一个条件始终被视为真的循环，因此块内的代码将开始重复执行。此外，我们可以说明，传递给循环并使条件为真的不是1，而是如果任何非零整数传递给while循环，则它将被视为真条件，因

win10逻辑分区和主分区的区别Jan 03, 2024 pm 04:17 PM

最近不少小伙伴问小编，win10逻辑分区和主分区的区别是什么，我们大多数电脑，其实都是分为了一个C盘主分区，然后其他的D盘、E盘和F盘等都属于逻辑分区，一般情况下是→然后再建→在扩展分区里面，再创建。下面小编整理了详细的教程，一起来看看吧。win10逻辑分区和主分区区别的详细介绍主分区、扩展分区和逻辑分区的区别简单来说，我们大多数电脑，都是分为了一个C盘主分区，然后其他的D盘、E盘和F盘等都属于逻辑分区，将D盘、E盘、F盘等出了主分区之外的磁盘组合，则就属于一个扩展分区。对于硬盘主分区、扩展分区

win32和win64有什么区别May 29, 2023 pm 05:22 PM

win32和win64的区别是：1、win32是指Microsoft Windows操作系统的32位环境，win64是指Microsoft Windows操作系统的64位版本，比32位版本更加稳定快速；2、win32最高支持2G的内存，win64必须是4G以上内存；3、win64支持基于64位的处理器，而win32却不能完全支持；4、win32追求简洁，win64追求性能。

在C语言中，结构体（Structure）和数组（Array）之间的区别是什么？Aug 30, 2023 pm 09:37 PM

在C中，结构体和数组都用作数据类型的容器，即在结构体和数组中我们都可以存储数据，也可以对它们执行不同的操作。基于内部实现，以下是两者之间存在一些基本差异。Sr.编号键结构数组1定义结构体可以定义为一种数据结构，用作容器，可以容纳不同类型的变量。另一方面，数组是一种用作容器的数据结构，可以容纳相同类型的变量，但不支持多种数据类型变量。2内存分配输入数据的内存分配结构不必位于连续的内存位置。而在数组的情况下，输入数据存储在连续的内存分配中，这意味着数组将数据存储在分配连续内存块的内存模型中（即，具有

Vue3和Vue2的区别：更丰富的生命周期钩子Jul 08, 2023 pm 05:19 PM

Vue3和Vue2的区别：更丰富的生命周期钩子Vue是一种流行的JavaScript框架，用于构建交互式的Web应用程序。Vue2是Vue.js的稳定版本，而Vue3是Vue.js的最新版本。Vue3带来了许多改进，其中之一是更丰富的生命周期钩子。本文将介绍Vue3和Vue2生命周期钩子的区别，并通过代码示例进行演示。Vue2的生命周期钩子在Vue2中，我们

JavaScript和PHP的cookie之间有哪些区别？Sep 02, 2023 pm 12:29 PM

JavaScriptCookie使用JavaScriptcookie是记住和跟踪偏好、购买、佣金和其他信息的最有效方法。更好的访问者体验或网站统计所需的信息。PHPCookieCookie是存储在客户端计算机上的文本文件并保留它们用于跟踪目的。PHP透明地支持HTTPcookie。JavaScriptcookie如何工作？您的服务器将一些数据发送到访问者的浏览器cookie的形式。浏览器可以接受cookie。如果存在，它将作为纯文本记录存储在访问者的硬盘上。现在，当访问者到达站点上的另一个页面时

See all articles