通過animate方法可以設(shè)置元素某屬性值上的動畫醉锄,可以設(shè)置一個(gè)或多個(gè)屬性值,動畫執(zhí)行完成后會執(zhí)行一個(gè)函數(shù)浙值。
$('#div1').animate({
width:300,
height:300
},1000,swing,function(){
alert('done!');
});
參數(shù)可以寫成數(shù)字表達(dá)式:
$('#div1').animate({
width:'+=100',
height:300
},1000,swing,function(){
alert('done!');
});
獲取和設(shè)置元素的尺寸:
width()恳不、height()?獲取元素width和height
innerWidth()、innerHeight()??包括padding的width和height
outerWidth()开呐、outerHeight()??包括padding和border的width和height
outerWidth(true)烟勋、outerHeight(true)???包括padding和border以及margin的width和height
獲取元素相對頁面的絕對位置:offse()
獲取可視區(qū)高度:$(window).height();
獲取頁面高度:$(document).height();
獲取頁面滾動距離:$(document).scrollTop();
$(document).scrollLeft();
jquery事件?:
blur()?元素失去焦點(diǎn)
focus()?元素獲得焦點(diǎn)
change()?表單元素的值發(fā)生變化
click()?鼠標(biāo)單擊
dblclick()?鼠標(biāo)雙擊
mouseover()?鼠標(biāo)進(jìn)入(進(jìn)入子元素也觸發(fā))
mouseout()?鼠標(biāo)離開(離開子元素也觸發(fā))
mouseenter()?鼠標(biāo)進(jìn)入(進(jìn)入子元素不觸發(fā))
mouseleave()?鼠標(biāo)離開(離開子元素不觸發(fā))
hover()?同時(shí)為mouseenter和mouseleave事件指定處理函數(shù)
mouseup()?松開鼠標(biāo)
mousedown()?按下鼠標(biāo)
mousemove()?鼠標(biāo)在元素內(nèi)部移動
keydown()?按下鍵盤
keypress()?按下鍵盤
keyup()?松開鍵盤
load()?元素加載完畢
ready()?DOM加載完成
resize()?瀏覽器窗口的大小發(fā)生改變
scroll()?滾動條的位置發(fā)生變化
select()?用戶選中文本框中的內(nèi)容
submit()?用戶遞交表單
toggle()?根據(jù)鼠標(biāo)點(diǎn)擊的次數(shù),依次運(yùn)行多個(gè)函數(shù)
unload()?用戶離開頁面