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;

你可能感兴趣的:(jquery)