jquery-获取元素尺寸

1.获取元素的内容区域的尺寸

width()和height()

2.获取元素内容+padding区域的尺寸

innerWidth()innerHeight()

3.获取元素内容+padding区域+border尺寸

outerWidth()和outerHeight()

4.获取元素内容+padding+border+margin区域

outerWidth(true)和outerHeight(true)

   div{

      width: 200px;

      height: 200px;

      padding: 10px;

      border: 20px solid #ccc;

      margin: 10px;

   }

      console.log($('div').width())    //200    内容区域200

      console.log($('div').innerWidth()) //220  内容区域+padding  200+10+10=220

      console.log($('div').outerWidth()) //260  内容区域+padding+border  200+10+10+20+20

      console.log($('div').outerWidth(true)) //280  200+10+10+20+20+10+10 = 280