jQuery 相当于 dojo 的 marginBox() 是多少？

Question

Dojo 有 marginBox 功能： https://dojotoolkit.org/reference-guide/1.7/dojo/marginBox.html.

jQuery 与该函数的等效项是什么？

Answer 1

您可以使用 jQuery 的几个功能来获取您需要的信息。

console.log("Width: " + $('#a1').outerWidth(true));
console.log("Height: " + $('#a1').outerHeight(true));
console.log("Top: " + $('#a1').position().top);
console.log("Left: " + $('#a1').position().left);

body {
  margin: 0;
  padding: 0;
}
#a1 {
  width: 250px;
  height:  150px;
  padding: 10px;
  margin: 15px;
  border: 1px solid gray;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<br /><br />
<div id="a1">
  This is a div with margin, padding and border
</div>

jQuery 相当于 dojo 的 marginBox() 是多少？

What is the jQuery's equivalent of dojo's marginBox()?

jquery

dojo