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(){})：三秒淡出，執行回調函數。