jq_class操作及尺寸位置

class操作

addClass()	给jQuery对象中所有标签添加class类名
removeClass()	删除jQuery对象中每个标签指定的class
toggleClass()	开关；有则删，无则加
hasClass()	判断是否有某个class，只要有一个满足条件，返回true

尺寸

width / height	内容 （content）
innerWidth / innerHeight	内容 + 内边距 （content + padding）
outerWidth / outerHeight	内容 + 内边距 + 边框 （content + padding + border）

位置

一、offset

offset取值：

  var offset = $('div p').offset()
  
  返回值是一个对象，包含left、top
     left：标签的文档左边缘之间的距离
     top：标签和文档上边缘之间的距离 （注意：外边距塌陷）

offset赋值：

$('div p').offset({left:100,top:100})

二、position

position取值：

var position = $('div p').position()

  返回值是一个对象，包含left、top
     left：标签的定位父标签左边界之间的距离
     top：标签和定位父标签上边界之间的距离 

三、scrollTop / scrollLeft

取值：

 var scrollTop = $('section').scrollTop();
 
  获取标签的滚动距离:
       scrollTop : 竖直方向的滚动距离
       scrollLeft : 水平方向的滚动距离

赋值：

设置标签的滚动距离：   $('section').scrollTop(0)