jQuery outerWidth() 方法


jQuery 中的 outerWidth() 方法用于返回一个元素的宽度。该方法包括内边距和边框。

输出

语法如下所示−

$(selector).outerWidth(margin)

上面,margin 是一个布尔值,用于指定是否包括边距。TRUE 是包括边距。

示例

下面我们来看一个示例来实现 jQuery outerWidth() 方法

 实际演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         document.getElementById("demo").innerHTML = "<br>Outer Width of DIV = " + $("div").outerWidth()
      });
   });
</script>
</head>
<body>
<h2>Rectangular Box</h2>
<div style="height:200px;width:500px;padding:30px;margin:1px;background-color:blue;"></div><br>
<button>Outer width of div</button>
<p id="demo"></p>
</body>
</html>

输出

这将产生以下输出−

单击“Div 的外宽度”以获取外宽度−

更新日期: 30-12-2019

139 次浏览

开启您的 职业生涯

完成课程,获得认证

开始
广告