jQuery 动画篇

一   显示与隐藏

    hide()和show()是显示与隐藏，需要注意的是：

        1.show和hide是修改display属性，如果是visibility属性设置则需要通过CSS方法单独设置。

        2.如果使用！important在样式中，如果希望show()正常工作，必须使用.css('display','block !important')。

        3.如果要做成共话，则默认执行动画要改变元素的高度，透明度等。

    toggle（）处理切换元素显示或者隐藏，通常用法toggle（duration，conplete）；两个参数分别为动画事件和回调函数。

二   上卷和下拉效果

    slideDown()和slideUp()是上卷和下拉效果，可以传两个参数，duration和complete，其中duration可以使用slow，fast，默认延迟是400毫秒，slow是600毫秒，fast是200毫毛。

    其中下拉动画需要注意的是：

        1.下拉动画是从无到有的过程，需将元素先隐藏起来，使用display：none；

        2.下拉动画如果提供回调函数，会在动画完成时调用，若果多个元素一起做动画效果，要注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次。

    slideToggle()获取元素的高度，使这个元素的高度发生变化，从而让元素里的内容往下或者往上滑动。

三   淡入淡出效果

    fadeOut()和fadeIn()、fadeTo()都是淡入淡出效果，其中fadeOut()和fadeIn()可有两个参数duration和complete，fadeTo()则需要三个参数，duration，opacity和callback。

    fadeToggle()用于切换所有匹配的元素，并带有淡入淡出的过度动画效果，有两个参数duration和complete。

四   常用方法

    1、each（）方法：

        jQuery.each(array/object,callback)，each就是for循环的包装，通过回调函数返回内部迭代的一些参数，第一个单数是当前迭代对象或数组中的索引值，第二个参数是当前迭代成员。

    2、inArray()查找数组中的索引

        jQuery.inArray(value, array, [fromIndex]) 传递一个检测的目标值，然后传递原始的数组，通过fromIndex规定查找的起始值，默认数组是0开始。如果要判断数组中是否存在指定之，需要通过判断该函数的返回值不等于（或大于）-1来进行判断。

    3、get()方法

        get的参数可正可负，若为正，则从0开始索引，即从前向后的顺序，若为负值，则从后向前的顺序查找。

    4、index（）方法：

        可以使用三种语法：

            1）index（）不传递任何参数，返回对象中第一个元素相对于它同辈元素的位置

            2）index（selector）返回的值就是传入的元素相对于原先集合的位置；

            3）index（element）返回值为原先元素相对于选择器匹配的位置，若找不到则匹配的元素，则返回-1。