jQuery width() 方法

jQuery 教程 · 2019-03-27 20:17:44

实例

返回 <div> 元素的宽度:

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

定义和用法

width() 方法设置或返回被选元素的宽度。

当该方法用于返回宽度时, 则返回第一个匹配元素的宽度。

当该方法用于设置宽度时,则设置所有匹配元素的宽度。

如下面的图像所示,该方法不包含 padding、border 或 margin。

jQuery Dimensions

相关方法:

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

语法

返回宽度:

  
    $(selector).width()
  

设置宽度:

  
    $(selector).width(value)
  

使用函数设置宽度:

  
    $(selector).width(function(index,currentwidth))
  

参数 描述
value 当设置宽度时是必需的。规定元素的宽度,单位为 px、em、pt 等。
默认单位是 px。
function(index,currentwidth) 可选。规定返回被选元素新宽度的函数。
  • index - 返回集合中元素的 index 位置。
  • currentwidth - 返回被选元素的当前宽度。

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

查看所有标签

分布式机器学习:算法、理论与实践

分布式机器学习:算法、理论与实践

刘铁岩、陈薇、王太峰、高飞 / 机械工业出版社 / 2018-10-20 / 89.00

人工智能和大数据时代,解决最有挑战性问题的主流方案是分布式机器学习!本书旨在全面介绍分布式机器学习的现状,深入分析其中的核心技术问题,并且讨论该领域未来的发展方向。 由微软亚洲研究院机器学习核心团队潜心力作!鄂维南院士、周志华教授倾心撰写推荐序! 本书旨在全面介绍分布式机器学习的现状,深入分析其中的核心技术问题,并且讨论该领域未来的发展方向。 全书共12章。第1章是绪论,向大家展......一起来看看 《分布式机器学习:算法、理论与实践》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

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

正则表达式在线测试

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具