jquery中有三个获取元素高度的方法，分别是：height()，innerHeight()，outer Hecht(bool)；同样对应的有三个获取元素宽度的方法：width()，innerHeight()，outerHeight(bool)，这三个方法分别对应怎样的元素属性，如下图所示：

从上面的图可以了解到：高度()方法对应顶部风格设置的宽度属性；

innerHeight()对应宽度填充-顶部填充-底部；

外部高度()对应宽度填充-顶部填充-底部边框-顶部边框-底部；

另外看到下面外部高度与外部宽度的值不一样是由于外部宽度方法参数被设置成没错，这时会加上上边距和边距-底部；即：外部宽度=宽度填充-顶部填充-底部边框-顶部边框-底部边距-顶部边距-底部；

来个简单的示例吧

html头脚本类型=' text/JavaScript ' src=' http :/jquery/jquery。js '/script脚本类型=' text/JavaScript ' $(文档)。ready(function(){ $(“button”)).单击(函数(){ $('#id200 ')).宽度(' 300像素')；});});/script/head dydiv id=' id 100 ' style=' background :黄色；高度：100 px宽度：100 px ' hello/div div id=' id 200 ' style=' background :黄色；高度：100 px宽度：100 px ' w3school/div按钮类型=' button '请点击这里/按钮/正文/html以上所述就是本文的全部内容了，希望大家能够喜欢。