jQuery_元素操作

一.高度和宽度

获取高度： $("div").height();   // 高度
          $("div").width();    //宽度
设置高度： $("div").height(300);
          $("div").height("300px");
          //有没有单位都可以
//获取高度和宽度，没有参数   结果300    
//number类型   如果要进行数学运算，要用这个方法

二.坐标值

获取位置值的两种方式:
（1）.offset()
    $("div").offset()  
   // 返回值是一个对象，一个top,一个left   位置是相对于浏览器
    $("div").offset().top
    $("div").offset().left
(2).position()
    $("div").position()    获取相对于父元素的位置
设置位置的值 
   $("div").offset({
      top:100,
      left:200
});
offset没设置之前position是static，一旦设置之后，position就会变成relative
$("div").position() 不能设置，只能获取

三.滚动条设置
获取滚动条位置

  $("div").scrollTop()
  //会获取滚动条的位置top值

关于滚动条的详解图：


做一个滚动条的小练习：
HTML结构：div包含一个p元素

JS：

 var i = 0;
 //设置
 $("#btn1").click(function(){
  i += 100;
  $("div").scrollTop(i);
  $("div").scrollLeft(i);
})

附：样式操作总结：