jq: 动画-隐藏显示

show()可以把display: none --> block;

hide() 可以把display: block --> none;

        <button>显示/隐藏</button>
<div>
    <img src="./1.jpg" alt="">
</div>
<script src="../jquery-3.4.1.js"></script>
<script>
$('button').click(function() {
    $('div').show();
        })
</script>
      

slideDown() --> display: none --> block 从往下张展开

slideUp() --> display: block --> none 往上收缩

        $('button').click(function() {
    $('div').slideDown();
})

      

slideToggle() 上面那些的结合体，如果点击前是block则收缩并none, 如果点击前和none则block并展开。

可以在第一个参数传时间 第二个参数传事件执行后的函数

fadeIn fadeOut fadeToggle 改变透明度 opacity -> 0 --> 1 同时也有display none --> block

        $('button').click(function() {
    $('div').fadeToggle(1000);
})