## 窗口偏移 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
- 第一課時:請求
- 第二課時:事件
- 第三課時:其他