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 的外宽度”以获取外宽度−
广告