jQuery 创建并追加多个元素

我创建了 2 个 div，Div1（冻结）Div2（父级），然后又创建了 3 个 div（加载、标题、消息）将其附加到 Div2（父级）。整个 div 进入 body 标签。下面是我的代码，我认为还有其他一些最好的方法来实现这一点。

    var freeze = $('<div/>',{
        "class" : "freeze"
    });
    var parent = $('<div/>',{
        "class":"parent"
    });

    var loading = $('<div/>',{
        "class":"loadimg"
    }).appendTo(parent);

    var header = $('<div/>',{
        "class":"header"
    }).appendTo(parent);
    var msg = $('<div/>',{
        "class":"msg"
    }).appendTo(parent);

    $('body').append(freeze,parent);

由于问题是关于创建和附加多个objects at the 同时使用 jQuery，这是一种方法：

$('body').append([
    $('<div/>',{ "class": "freeze" }),
    $('<div/>',{ "class": "parent" }).append([
        $('<div/>',{ "class": "loadimg" }),
        $('<div/>',{ "class": "header" }),
        $('<div/>',{ "class": "msg" })
    ]);
]);

在某些情况下，使用结构数据进行操作比原始标记更可靠、更方便