jQurey获取元素宽高包括小数点，记录常用height()、width()等使用显示

jQurey获取元素宽高包括小数点

<!-- 例子 -->
<div class="open"></div>

• 高度

var height = $(".open")[0].getBoundingClientRect().height;

• 宽度

var height = $(".open")[0].getBoundingClientRect().width;

常用jQurey获取元素高度

• css(‘height’)
  返回带有完整单位的字符串（例如：100px）。

• height() - 设置或返回元素的高度
  返回一个没有单位的数值（例如：100）。
  返回内容高度，不管CSS box-sizing属性值，对不可见的元素依然有效。
  height(‘value’)设置的容器宽度是根据CSS box-sizing属性来定的, 将这个属性值改成border-box，将造成这个函数改变这个容器的outerHeight，而不是原来的内容高度。

• innerHeight() - 返回元素的高度（包含 padding）
  为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

• outerHeight() - 返回元素的高度（包含 padding 和 border）
  获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。
  返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
  在.outerHeight()计算中总是包含padding-top ,padding-bottom 和 border-top，border-bottom ；如果includeMargin参数是true，那么margin (top 和 bottom)也会被包含。
  如需包含 margin，请使用 outerHeight(true)。

常用jQurey获取元素宽度

跟上面同理

• css(‘width’)
  返回带有完整单位的字符串（例如：100px）。

• width() - 设置或返回元素的宽度

• innerWidth() - 返回元素的宽度（包含 padding）

• outerWidth() - 返回元素的宽度（包含 padding 和 border）
  如需包含 margin，请使用 outerWidth(true)。