HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ

jQuery innerWidth() 方法

❮ jQuery HTML/CSS 方法

实例

返回 <div> 元素的内部宽度:

$("button").click(function(){
  alert($("div").innerWidth());
});
亲自试一试 »

定义和用法

innerWidth() 方法返回第一个匹配元素的内部宽度。

如下面的图像所示，该方法包含 padding，但不包含 border 和 margin。

jQuery Dimensions

相关方法:

  • width() - 设置或返回元素的宽度
  • height() - 设置或返回元素的高度
  • innerWidth() - 返回元素的宽度（包含 padding）
  • outerWidth() - 返回元素的宽度（包含 padding 和 border）
  • outerHeight() - 返回元素的高度（包含 padding 和 border）

语法

$(selector).innerWidth()

更多实例

通过相关方法显示尺寸
如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()。

❮ jQuery HTML/CSS 方法