Question

第一个问题
我正在创建一本书，其中包含一年中每一天的页面。这些页面将在每次＆＃34; book＆＃34; （即，应用程序）打开。这些页面都是ame UI - 它们只包含不同的DB填充数据和不同的ID属性。

假设我有：

<div id="1" class="page">
    <form action="addEntry">
        <input type="text" name="entry">
        <input type="submit" value="submit">
    </form>
</div>

我还需要364个。

我能做到：

<script>
    var page = $('.page'),
        pages = $('<div>').addClass('pages'),
        bod = $('body');

    page.appendTo(pages);

    for(var i = 0; i<364; i++) {
        var nextPage = page.clone().attr({ id:, i+2 }).html(populate()).appendTo(pages);
    }
    pages.appendTo(bod);
</script>

或

<script>

var bod = $('bod'),
    pages = $('<div>').addClass('pages');

for(var i=0, i<364, i++) {       
    var page = $('<div>').addClass('page').attr(id, i+2),
        form = $('<form>').attr('action', 'addEntry').append(
            $('<input>').attr({ type: 'text', name: 'entry' }).append(
            $('<input>').attr({ type: 'submit', value: 'submit' });

        form.appendTo(page).appendTo(pages);
}

pages.appendTo(bod);

</script>

这些方法中的一种是否比另一种方法产生更好的性能？或者被认为是比另一种更好的做法？

问题2
我用来将页面插入DOM的首选方法是什么？或者我应该在循环中构建一个HTML字符串，然后我在循环外做pages.html(html)？

克隆（）或为大量迭代创建新元素是否更快？

0 个答案: