JQuery 学习笔记(持续更新ing)

1. jQuery 动画特效--渐入渐出的变换

$(#id).fadeIn([时间]);
$(#id).fadeOut([时间]);

2.隐藏和显示

$(#id).show([时间]);
$(#id).hidden([时间]);

3.幻灯片的效果,模拟PPT中类似幻灯片拉窗帘的效果

$(#id).slideUp([时间]);
$(#id).slideDown([时间]);

4.获得页面元素的绝对/相对位置

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：

var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;

获取相对(父元素)位置:

var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;