## 窗口偏移 offset(\[coordinates\])
概述:获取匹配元素在当前视口的相对偏移。
* top:距顶部像素值
* left:距左侧像素值
~~~
var offset = $('p:last').offset(); // 获取段落的偏移
$("p:last").offset({top: 10, left: 30}); // 设置段落的偏移
~~~
## 父级偏移 position()
概述:获取匹配元素相对父元素的偏移。
~~~
var position = $("p:first").position(); // 获取段落相对父元素的偏移
~~~
## 垂直滚动顶偏移量 scrollTop(\[val\])
概述:获取匹配元素相对滚动条顶部的偏移。
~~~
// 获取第一段相对滚动条顶部的偏移
var p = $("p:first");
$("p:last").text("scrollTop:" + p.scrollTop());
$("div.demo").scrollTop(300); // 设置相对滚动条顶部的偏移
~~~
## 水平滚动左偏移量 scrollLeft(\[val\])
概述:获取匹配元素相对滚动条左侧的偏移。
~~~
// 获取第一段相对滚动条左侧的偏移
var p = $("p:first");
$("p:last").text("scrollLeft:" + p.scrollLeft());
$("div.demo").scrollLeft(300); // 设置相对滚动条左侧的偏移
~~~
- 第一节:概述
- 第二节:核心
- 第一课时:核心函数
- 第二课时:对象访问
- 第三课时:插件机制
- 第四课时:多库共存
- 第三节:选择器
- 第一课时:基本选择器
- 第二课时:层级选择器
- 第三课时:基本筛选器
- 第四课时:内容
- 第五课时:可见性
- 第六课时:属性
- 第七课时:子元素
- 第八课时:表单
- 第九课时:表单对象属性
- 第四节:属性
- 第一课时:属性
- 第二课时:CSS 类
- 第三课时:HTML 代码、文本和值
- 第五节:筛选
- 第一课时:过滤
- 第二课时:查找
- 第六节:CSS
- 第一课时:CSS
- 第二课时:位置
- 第三课时:尺寸
- 第七节:事件
- 第一课时:页面载入
- 第二课时:事件处理
- 第三课时:事件切换
- 第四课时:事件
- 第八节:文档处理
- 第一课时:内部插入
- 第二课时:外部插入
- 第三课时:包裹
- 第四课时:替换
- 第五课时:删除
- 第六课时:复制
- 第九节:效果
- 第一课时:基本
- 第二课时:滑动
- 第三课时:淡入淡出
- 第四课时:自定义
- 第十节:AJAX
- 第一课时:请求
- 第二课时:事件
- 第三课时:其他