1，今天完成的任务：复习了4章的JQ。

2，明天计划的事情：看完JQ，看angular.js

3，遇到的问题：不会举一反三，发现看完的在以前的任务中不会应用，好曹胆啊……。

4.收获：

知道了，基本的JQ基础的选择器和伪类选择器，和一些样式的操作。

一、offset()

offset()方法用于“获取”或“设置”元素相对于“当前文档”（也就是浏览器窗口）的偏移距离。

语法：

说明：

$().offset()返回的是一个坐标对象，该对象有2个属性：top和left。

$().offset().top表示获取元素相对于当前文档“顶部”的距离。

$().offset().left表示获取元素相对于当前文档“左部”的距离。

二、position()

position()方法来“获取”或“设置”当前元素相对于“其被定位的祖辈元素”的偏移距离。

语法：

说明：

$().position()返回的是一个坐标对象，该对象有2个属性：top和left。

$().position().top表示元素相对于被定位的祖辈元素的顶部的垂直距离。

$().position().left表示元素相对于被定位的祖辈元素的左部的水平距离。

三、添加类名

使用addClass()方法为元素添加类名。

语法：

使用removeClass()为元素删除类名。

语法：

toggleClass()方法为元素切换类名。（用于检查元素是否具有某个类名。如果类名不存在，则为该元素添加类名；如果类名已存在，则为该元素删除类名。）

语法：