📌  相关文章
📜  jQuery width()

📅  最后修改于: 2020-11-26 01:21:06             🧑  作者: Mango

jQuery width()

jQuery width()方法用于返回或设置匹配元素的宽度。

返回宽度：使用此方法返回宽度时，它将返回第一个匹配元素的宽度。

设置宽度：使用此方法设置宽度时，它将为每个匹配的元素设置宽度。

此方法是jQuery维度之一。

jQuery尺寸列表：

  • 宽度()
  • 高度()
  • innerWidth()
  • innerHeight()
  • outsideWidth()
  • outsideHeight()

句法：

要返回宽度：

$(selector).width()

设置宽度：

$(selector).width(value)

要使用函数设置宽度：

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

jQuery width()方法的参数

Parameter Description
Value It is a mandatory parameter. It is used for setting width. It specifies the width in px, em, pt etc. The default value of jQuery width() method is px.
Function(index, currentwidth) It is an optional parameter. It specifies a function that provides the new width of selected element.
  • Index:IIt provides the index position of the element in the set.
  • currentwidth:It provides the current width of the selected element.

jQuery width()方法的示例

让我们以一个示例来演示jQuery width()方法的效果。

要返回宽度：

jQuery width()示例2

设置宽度：




  
  width demo
  
  



A


B


C


D


E