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语言精髓与编程实践

周爱民 / 电子工业出版社 / 2008-3 / 68.00元

《JAVASCRIPT语言精髓与编程实践》讲述了JavaScript的语言实现与扩展,主要包括以下三个方面的内容:(1)动态、函数式语言,以及其它语言特性在JavaScript的表现与应用;(2)如何用动态函数式语言的特性来扩展JavaScript的语言特性与框架;(3)如何将JavaScript引擎整合到其它高级语言的开发过程中。一起来看看 《JAVASCRIPT语言精髓与编程实践》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具