1.顯示和隱藏
$('selector').hide(speed,calback)隱藏元素
speed(可選參數(shù))可取slow或fast或毫秒值
calback(可選參數(shù))動畫完成之后執(zhí)行的函數(shù)
.$('selector').show(speed,calback)顯示元素
.$('selector').toggle(speed,calback)自動根據(jù)元素的狀態(tài)來隱藏或顯示
2.淡入淡出
.$('selector').fadeIn(speed,calback)淡入效果
.$('selector').fadeOut(speed,calback)淡出效果
.$('selector').fadeToggle(speed,calback)自動根據(jù)元素的狀態(tài)來淡入或淡出
$(selector).fadeTo(speed,opacity,callback);
speed(必選參數(shù))opacity(必選參數(shù))
fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)
3.上下滑動
.$('selector').slideUp(speed,calback)上滑
.$('selector').slideDown(speed,calback)下滑
.$('selector').slideToggle(speed,calback)自動根據(jù)元素的狀態(tài)來上滑或下滑
4.動畫
定義動畫
$(selector).animate({params},speed,callback)
params(必選參數(shù))定義形成動畫的css屬性棚壁,可使用多個css屬性苟径,屬性要用駝峰命名法扶平,例如上邊距使用
marginTop而不是margin-top,還可以把動畫設成預定的值烤蜕,例如(show隐孽,hide乏苦,toggle...)切诀,可定義多個動畫缨睡,它們會按順序執(zhí)行
停止動畫
$(selector).stop(stopAll,goToEnd)
stopAll(可選參數(shù))默認值為false,僅停止當前的動畫徘铝,允許后面的動畫執(zhí)行耳胎;為true的話停止所有的動畫
goToEnd(可選參數(shù))默認值為false? 規(guī)定是否立即完成當前動畫
5.可以把動作/方法鏈在一起
例如:$('p').css('color','blue').css('fontSize','20px').hide()
p標簽會先變成藍色,然后字體大小變成20px惕它,再隱藏
也可以這樣寫
$('p').css('color','blue')
.css('fontSize','20px')
.hide()
jQuery 會拋掉多余的空格怕午,并當成一行長代碼來執(zhí)行上面的代碼行