jquery - 如何创建具有特定 div 大小的 div

Question

如何创建具有特定 div 大小（css 中的高度和宽度）的 div。

$('<div/>').css({
    "display" : "block";
    "width" : width();
    "height" : height();
}).appendTo('#fixed');

Answer 1

您需要 outerHeight()/outerWidth() 属性。这将包括应用于目标元素的任何边距和填充：

$('<div/>').css({
    "display" : "block",
    "width" : $('#myelem').outerWidth(),
    "height" : $('#myelem').outerHeight()
}).appendTo('#fixed');

注意我的参数元素中的格式。Javascript 对象道具用逗号分隔

Answer 2

你几乎明白了：

var $target = $('#fixed');
$('<div/>').css({
    "width" : $target.innerWidth(),
    "height" : $target.innerHeight();
}).appendTo($target);

Answer 3

像那样：

$('<div/>').css({
    "display" : "block";
    "width" : $('#divTarget').outerWidth()+'px';
    "height" : $('#divTarget').outerHeight()+'px';
}).appendTo('#fixed');