jQuery-效果

jQuery-效果

1. 内置动画

   淡入淡出

   —淡入淡出效果是通过不断改变元素的透明度(opacity)来实现的；以下函数可以传递参数：切换速度、切换效果和回调函数；

   —fadeOut()：淡出动画效果；

   —fadeIn()：淡入动画效果；

   —fadeToggle()：自动切换淡入淡出效果；

   滑动

   —滑动动画效果是不断改变元素的高度实现的；

   —slideDown()：展开动画效果，向下滑动；

   —slideUp()：收缩动画效果，向上滑动；

   —slideToggle()：自动切换展开和收缩动画效果；

   显示与隐藏

   —显示与隐藏，默认没有动画，是通过改变opacity和height和width实现的；

   —show()：显示动画效果；

   —hide()：隐藏动画效果；

   —toggle()：自动切换动画效果；

2. 自定义动画

   —animate({结束时的样式},time,fun)：自定义动画效果，可以传递参数：修改的样式及其属性值、动画效果；

   —stop()：停止动画；

3. 多库共存

   —如果有两个库都有$，就存在冲突；

   —解决方法：jQuery库可以释放$的使用权，让另一个库可以正常使用，此时jQuery库只能使用jQuery了；

   —语法：jQuery.noConflict();此时要想使用jQuery的功能，只能使用jQuery不可使用$；

4. 区别onload和ready

   window.onload

   —包括页面的图片加载完后才会回调，加载时间比较晚；

   —只能有一个监听回调；

   $(document).ready()

   —等同于$(function(){})

   —页面加载完就回调，不等图片加载就已经加载完成，加载时间比较早；

   —可以有多个监听回调；