jquery的事件没有on，js的有。
"en"> "UTF-8">魔降风云变 "box">
按钮.click事件。默认不显示的内容.show（）,显示出来
一开始是没有的：
点击一下就出现了。
show中可以添加毫秒，1000毫秒是一秒。由小变大缓慢显示
"en"> "UTF-8">魔降风云变 "box">
$('#btn').click(function () { $('#box').show(2000) })
"en"> "UTF-8">魔降风云变 "box">
$('#btn').click(function () { $('#box').hide(2000) })
"en"> "UTF-8">魔降风云变 "box">
文件比图片变化快，想要图片放大或缩小之后再变文字：
3、toggle()记录点击次数
点击一下变化一下。当给toggle一个时间参数的时候，如果点击次数过快，他会记录点击次数。如果你停止点击了，但是记录的次数还没执行完，他会继续执行直到点击次数次执行结束
"en"> "UTF-8">魔降风云变 "box">
这时需要添加stop方法，先停止掉再开。
$('#box').stop().toggle(1000)
使用场景：
原文链接：https://www.sychzs.cn/majj/p/9113627.html
jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。
方式一：
$("div").show();
解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。
方式二：
$('div').show(3000);
解释：通过控制元素的宽高、透明度、display属性，逐渐显示，2秒后显示完毕。
方式三：
$("div").show("slow");
参数可以是：
slow 慢：600ms
normal 正常：400ms
fast 快：200ms
解释：和方式二类似，也是通过控制元素的宽高、透明度、display属性，逐渐显示。
方式四：
//show(毫秒值，回调函数;
$("div").show(5000,function () {
alert("动画执行完毕！");
});
解释：动画执行完后，立即执行回调函数。
总结：
上面的四种方式几乎一致：参数可以有两个，第一个是动画的执行时长，第二个是动画结束后执行的回调函数。
方式参照上面的show()方法的方式。如下：
$(selector).hide();
$(selector).hide(1000);
$(selector).hide("slow");
$(selector).hide(1000, function(){});
代码如下：
$('#box').toggle(3000,function(){});
显示和隐藏的来回切换采用的是toggle()方法：就是先执行show()，再执行hide()。
代码如下：
$('#btn').click(function(){
$('#box').toggle(3000,function(){
$(this).text('盒子出来了');
if ($('#btn').text()=='隐藏') {
$('#btn').text('显示');
}else{
$('#btn').text('隐藏');
}
});
})
1、滑入动画效果：（类似于生活中的卷帘门）
$(selector).slideDown(speed, 回调函数);
解释：下拉动画，显示元素。
注意：省略参数或者传入不合法的字符串，那么则使用默认值：400毫秒（同样适用于fadeIn/slideDown/slideUp）
2、滑出动画效果：
$(selector).slideUp(speed, 回调函数);
解释：上拉动画，隐藏元素。
3、滑入滑出切换动画效果：
$(selector).slideToggle(speed, 回调函数);
代码如下：
使用场景：
1、淡入动画效果：
$(selector).fadeIn(speed, callback);
作用：让元素以淡淡的进入视线的方式展示出来。
2、淡出动画效果：
$(selector).fadeOut(1000);
作用：让元素以渐渐消失的方式隐藏起来
3、淡入淡出切换动画效果：
$(selector).fadeToggle('fast', callback);
作用：通过改变透明度，切换匹配元素的显示或隐藏状态。
参数的含义同show()方法。
代码如下：
使用场景，这里淡入淡出了；
卷帘门效果；
语法：
$(selector).animate({params}, speed, callback);
作用：执行一组CSS属性的自定义动画。
第一个参数表示：要执行动画的CSS属性（必选）
第二个参数表示：执行动画时长（可选）
第三个参数表示：动画执行完后，立即执行的回调函数（可选）
代码如下：
$(selector).stop(true, false);
里面的两个参数，有不同的含义。
第一个参数：
true：后续动画不执行。
false：后续动画会执行。
第二个参数：
true：立即执行完成当前动画。
false：立即停止当前动画。
PS：参数如果都不写，默认两个都是false。实际工作中，直接写stop()用的多。
案例：鼠标悬停时，弹出下拉菜单（下拉时带动画）
![[Linux] myisamchk命令：检查和修复MyISAM表](/upload/images/33011372)
![[Linux] dumpe2fs命令：打印快组信息](/upload/images/33016267)
![vs2010重置开发环境_如何更改VS2010的[默认开发语言]默认环境设置](/upload/images/33175770)
