1、基本操作：toggle方法：

处理元素显示或者隐藏，因为不带参数，所以没有动画，通过改变CSS的display属性，匹配的元素立即显示或者隐藏，没有动画。

如果元素最初是显示的，它会被隐藏；

如果是隐藏，它会被显示。

2、提供参数：.toggle（[duration],[complete]）

3、直接定位： .toggle(display)

toggle方法就是show与hide的相互切换的一个快捷方法

怎么让hide().show()动画无限循环？

setInterval(function(){

    $("button").click(function() {

        $("#a1").hide(3000).show(3000)

    });},6000);

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数

语法：setInterval(code,millisec)
code :要调用的函数或要执行的代码串。    
millisec :周期性执行或调用 code 之间的时间间隔，以毫秒计。

complete指的是事件完成后的处理。

duration是事件所用的时间，默认是0

$("#a2").hide({

                duration: 3000,

                complete: function() {

                    alert('执行3000ms动画完毕')

                }

            })

可以简写为：

$("#a2").hide(3000,function(){

    alert('执行3000ms动画完毕');

});

stop(true true):直接跳到当前执行动画的结尾，而以后的动画都不执行了

stop(true)：停止第一个、第二个和第三个动画

.index()：从匹配的元素中搜寻给定元素的索引值

• 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置

• 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置

• 如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1

获取DOM对象：$(a).get(1)

注意：

    1.索引从0开始

    2.获取的是DOM对象

去掉两端的空格：$.trim(jQuery对象)

$.inArray(5,[1,2,3,4,5,6,7])：根据元素查找数组中的索引

元素不存在，返回-1

停止动画.stop()

.stop(true,true)

两个参数：

    第一个参数：

        true：后续动画不执行；

        false：后续动画会执行。

    第二个参数：

        true：立刻执行完成当前动画；

        false：立刻停止当前动画。

1. stop()：只会停止第一个动画，第二个第三个继续

2. stop(true)：停止第一个、第二个和第三个动画

3. stop(true ture)：停止动画，直接跳到第一个动画的最终状态 

自定义动画: $('div').animate(css,3000,function(){})

自定义动画理解三个元素的含义即可：

    第一个：css样式。例如：

                    {

                    'width':'200px',

                    'height':200px,

                    'background-color':'green'

}

    第二个：自定义动画的时间。

    第三个：回调函数

底层操作元素显示和隐藏的几种方法：

    1.改变样式display为none；

    2.设置位置高度为0；

    3.设置透明度为0.

淡入效果fadeTo()

$('div').fadeTo(3000,0.9,function(){})

他与其他三个动画的不同点是通过设置透明度来控制元素。

.fadeToggle()：实现淡入淡出动画的切换效果。

即：

如果元素是可见的，让其淡出；

如果元素是不可见的，让其淡入。

使用方式：

    同fadeIn和fadeOut。

$('div').fadeIn()

和fadeOut的使用方式完全一样

.fadeOut()：淡出动画

通过改变透明度使元素隐藏

如果元素是隐藏的，不做任何改变；

如果元素是显示的，则将其隐藏。

使用方式：

    1.fadeOut()：直接隐藏

    2.fadeOut(3000)：三秒时间淡出

    3.fadeOut("fast")：200ms淡出，还有：normal：400ms、slow：600ms

    4.fadeOut(3000,function(){})：三秒淡出，执行回调函数。