jQuery outerWidth() 方法

jQuery 教程 · 2019-03-27 15:58:33

实例

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

$("button").click(function(){ alert($("div").outerWidth()); });

定义和用法

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

如下面的图像所示,该方法包含 padding 和 border。

提示:如需包含 margin,请使用 outerWidth(true)。

jQuery Dimensions

相关方法:

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

语法

$(selector).outerWidth(includeMargin)

参数 描述
includeMargin 可选。布尔值,规定是否包含 margin。
  • false - 默认。不包含 margin。
  • true - 包含 margin。

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

JavaScript实战

JavaScript实战

Frank W. Zammetti / 张皛珏 / 人民邮电出版社 / 2009-8 / 59.00元

随着Ajax的兴起,JavaScript迅速地从改进网站的配角晋升为开发专业级高质量应用的主角,成为了Web开发中不可缺少的一员。 本书主要通过10个具体项目,包括构建可扩展的JavaScript库、使用GUI窗口小部件框架、开发支持拖放的购物车和编写JavaScript游戏等,讲述JavaScript最佳实践、Ajax技术,以及一些流行的JavaScript库,如Rico、Dojo、scr......一起来看看 《JavaScript实战》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试