jQuery获得包含margin的outerWidth和outerHeight的方法
本文实例讲述了jQuery获得包含margin的outerWidth和outerHeight的方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var txt="";
txt+="Width of div: " + $("#div1").width() + "</br>";
txt+="Height of div: " + $("#div1").height() + "</br>";
txt+="Outer width of div (margin included): " + $("#div1").outerWidth(true) + "</br>";
txt+="Outer height of div (margin included): " + $("#div1").outerHeight(true);
$("#div1").html(txt);
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;">
</div>
<br>
<button>Display dimensions of div</button>
<p>outerWidth(true) - returns the width of an element (includes padding, border, and margin).</p>
<p>outerHeight(true) - returns the height of an element (includes padding, border, and margin).</p>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
描述 (Description) outerWidth( [margin] )方法获取第一个匹配元素的外部宽度（默认包括边框和填充）。 此方法适用于可见元素和隐藏元素。 由于父项被隐藏而间接隐藏的元素不支持它。 语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.outerWidth( [margin] ) 参数 (Parameters) 以下是此方法使用的所
-
描述 (Description) outerHeight( [margin] )方法获取第一个匹配元素的外部高度（默认包括边框和填充）。 此方法适用于可见元素和隐藏元素。 由于父项被隐藏而间接隐藏的元素不支持它。 语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.outerHeight( [margin] ) 参数 (Parameters) 以下是此方法使用
-
问题内容： 我正在使用Bootstrap’ ‘类将一个对齐到另一个之上，这很好，但是 我注意到的是，它指定margin-left和margin-right属性为-13px，因为我的内容向左移动。所以我所做的是添加了另一个类，如下所示： 这样可以解决目的，但是我仍然想知道是否有‘的特定原因。解决我的问题的最佳方法是什么？ 问题答案： 将意味着内部使用。由于在中有填充以调整负边距，因此可以在容器内使用
-
我有一个围绕JavaFXML和scenebuilder构建的简单的两个选项卡应用程序。这些选项卡目前什么都不做，因为我在尝试加载它们时无法通过null指针异常。 java和fxml文件安排在一个Netbeans项目中，如下所示： 主应用程序：应用程序主类MainApp。java设置场景并声明如下： MainController类为应用程序声明了两个选项卡，输入选项卡和帐户选项卡，以及一个用于关闭程
-
问题内容： 当我仅具有对该INPUT的引用时，需要获得对该INPUT的FORM父级的引用。JavaScript有可能吗？如果愿意，请使用jQuery。 这不起作用： 问题答案： 作为输入的本机DOM元素还具有指向它们所属形式的属性： IE 4.0+，Firefox 1.0+，Opera9.0+支持输入字段的属性，这是jQuery保证的更多浏览器，因此您应该坚持这一点。 如果这是另一种类型的元素（不
-
本文向大家介绍jQuery获得document和window对象宽度和高度的方法，包括了jQuery获得document和window对象宽度和高度的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery获得document和window对象宽度和高度的方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的jQuery程序设计有所帮助。