鏈?zhǔn)秸{(diào)用
jquery對(duì)象的方法會(huì)在執(zhí)行完后返回這個(gè)jquery對(duì)象屏镊，所有jquery對(duì)象的方法可以連起來寫：
$('#div1') // id為div1的元素
.children('ul') //該元素下面的ul子元素
.slideDown('fast') //高度從零變到實(shí)際高度來顯示ul元素
.parent() //跳到ul的父元素，也就是id為div1的元素
.siblings() //跳到div1元素平級(jí)的所有兄弟元素
.children('ul') //這些兄弟元素中的ul子元素
.slideUp('fast'); //高度實(shí)際高度變換到零來隱藏ul元素
動(dòng)畫
通過animate方法可以設(shè)置元素某屬性值上的動(dòng)畫痰腮，可以設(shè)置一個(gè)或多個(gè)屬性值而芥，動(dòng)畫執(zhí)行完成后會(huì)執(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!');
});
- 尺寸相關(guān)膀值、滾動(dòng)事件
獲取和設(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
獲取元素相對(duì)頁(yè)面的絕對(duì)位置
offse()
獲取可視區(qū)高度
$(window).height();
獲取頁(yè)面高度
$(document).height();
獲取頁(yè)面滾動(dòng)距離
(documeet) scrollTop (image-626a65-1544595969622)]
(document).scrollLeft();
頁(yè)面滾動(dòng)事件
$(window).scroll(function(){
......
})
