jQurey动画的区别

Posted 2020-12-13 zhx2654188344

1.对比fadeIn()与show(),slideDown()的区别

.show(‘duration‘)和.hide(‘duration‘) 是长度、宽度、透明度三个属性一起变化；

fadeIn()/fodeOut是设置好了盒子的尺寸，变化透明度(所以用户看到页面会跳一下)；

slideDown()/slideUp() 仅改变元素的高度；（过渡自然）

2.show()和hide()方法用于显示或隐藏页面中的元素

格式：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]

参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名，同时，如果添加了方法的回调函数，它将在显示或隐藏执行成功后被调用。

 3.mouseover和mouseenter的区别

mouseover事件会冒泡，这意味着，鼠标移到其后代元素上时会触发。

mouseenter事件不冒泡，这意味着，鼠标移到其后代元素上时不会触发。

4.

mouseover和mousemove的区别

一般情况下mouseover即可，特殊情况才用mousemove，mousemove更耗资源，比如要监控鼠标坐标的变化等。