1、基本操作：toggle方法：

處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動(dòng)畫，通過改變CSS的display屬性，匹配的元素立即顯示或者隱藏，沒有動(dòng)畫。

如果元素最初是顯示的，它會(huì)被隱藏；

如果是隱藏，它會(huì)被顯示。

2、提供參數(shù)：.toggle（[duration],[complete]）

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

toggle方法就是show與hide的相互切換的一個(gè)快捷方法

怎么讓hide().show()動(dòng)畫無限循環(huán)？

setInterval(function(){

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

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

? ? });},6000);

setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。

setInterval() 方法會(huì)不停地調(diào)用函數(shù)

語法：setInterval(code,millisec)
code?:要調(diào)用的函數(shù)或要執(zhí)行的代碼串。????
millisec?:周期性執(zhí)行或調(diào)用?code?之間的時(shí)間間隔，以毫秒計(jì)。

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

duration是事件所用的時(shí)間，默認(rèn)是0

$("#a2").hide({

? ? ? ? ? ? ? ? duration: 3000,

? ? ? ? ? ? ? ? complete: function() {

? ? ? ? ? ? ? ? ? ? alert('執(zhí)行3000ms動(dòng)畫完畢')

? ? ? ? ? ? ? ? }

? ? ? ? ? ? })

可以簡寫為：

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

????alert('執(zhí)行3000ms動(dòng)畫完畢');

});

stop(true true):直接跳到當(dāng)前執(zhí)行動(dòng)畫的結(jié)尾，而以后的動(dòng)畫都不執(zhí)行了

stop(true)：停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫

.index()：從匹配的元素中搜尋給定元素的索引值

????

• 如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個(gè)元素相對于它同輩元素的位置

• 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個(gè)DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置

• 如果參數(shù)是一個(gè)選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1

獲取DOM對象：$(a).get(1)

注意：

????1.索引從0開始

????2.獲取的是DOM對象

去掉兩端的空格：$.trim(jQuery對象)

$.inArray(5,[1,2,3,4,5,6,7])：根據(jù)元素查找數(shù)組中的索引

元素不存在，返回-1

停止動(dòng)畫.stop()

.stop(true,true)

兩個(gè)參數(shù)：

????第一個(gè)參數(shù)：

????????true：后續(xù)動(dòng)畫不執(zhí)行；

????????false：后續(xù)動(dòng)畫會(huì)執(zhí)行。

????第二個(gè)參數(shù)：

????????true：立刻執(zhí)行完成當(dāng)前動(dòng)畫；

????????false：立刻停止當(dāng)前動(dòng)畫。

1. stop()：只會(huì)停止第一個(gè)動(dòng)畫，第二個(gè)第三個(gè)繼續(xù)

2. stop(true)：停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫

3. stop(true ture)：停止動(dòng)畫，直接跳到第一個(gè)動(dòng)畫的最終狀態(tài)?

自定義動(dòng)畫: $('div').animate(css,3000,function(){})

自定義動(dòng)畫理解三個(gè)元素的含義即可：

????第一個(gè)：css樣式。例如：

????????????????????{

????????????????????'width':'200px',

????????????????? ? 'height':200px,

????????????????????'background-color':'green'

}

????第二個(gè)：自定義動(dòng)畫的時(shí)間。

????第三個(gè)：回調(diào)函數(shù)

底層操作元素顯示和隱藏的幾種方法：

????1.改變樣式display為none；

????2.設(shè)置位置高度為0；

????3.設(shè)置透明度為0.

淡入效果fadeTo()

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

他與其他三個(gè)動(dòng)畫的不同點(diǎn)是通過設(shè)置透明度來控制元素。

.fadeToggle()：實(shí)現(xiàn)淡入淡出動(dòng)畫的切換效果。

即：

如果元素是可見的，讓其淡出；

如果元素是不可見的，讓其淡入。

使用方式：

????同fadeIn和fadeOut。

$('div').fadeIn()

和fadeOut的使用方式完全一樣

.fadeOut()：淡出動(dòng)畫

通過改變透明度使元素隱藏

如果元素是隱藏的，不做任何改變；

如果元素是顯示的，則將其隱藏。

使用方式：

????1.fadeOut()：直接隱藏

????2.fadeOut(3000)：三秒時(shí)間淡出

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

????4.fadeOut(3000,function(){})：三秒淡出，執(zhí)行回調(diào)函數(shù)。