什么是jQuery相当于dojo的marginBox（）？

Question

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

jQuery与该函数的等价物是什么？

Answer 1

您可以使用jQuery的几个函数来获取所需的信息。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;