jQuery之动画-显示和隐藏

目录

一、元素显示

二、元素的隐藏

三、动画-显示与隐藏

1、显示

2、隐藏

 四、切换

---

一、元素显示

$('div').show()

 总结：本质就是给这个元素设置了display属性为block

二、元素的隐藏

$('div').show()

总结：本质就是给这个元素设置了display属性为none

三、动画-显示与隐藏

1、显示

$('#div').show(2000, function() { // 时长是2000毫秒
    alert("我执行完毕了")
})

2、隐藏

$('#div').hide(2000, function() { // 时长是2000毫秒
    alert("我隐藏了")
})

 总结：他们都有两个参数

• 参数一：代表执行动画的时长，毫秒数、时长的字符串
• 参数二：代表动画执行完毕后的回调函数

 四、切换

$('#div').toggle(2000)

总结：如果元素隐藏就动画显示，如果元素显示就动画隐藏