0

我正在制作一个包含大量元素创建和附加的项目，经过一番研究后我想出了

$(newElement)和$(selector)

比

.createElement(newElement)和.getElementBy

因为我正在做一个待办事项列表应用程序，其中将包括很多创建/附加/选择：

<div class="mainTaskWrapper clearfix">
    <div class="mainMarker"></div>
    <label for="task1">This is task1</label>
    <div class="holder"></div>
    <div class="subTrigger"></div>                            
    <div class="checkButton"></div>
    <div class="optTrigger"></div>
    <div class="mainOptions">
        <ul>
            <li id="mainInfo">Details</li>
            <li id="mainDivide">Divide</li>
            <li id="mainEdit">Edit</li>
            <li id="mainDelete">Delete</li>
        </ul>                               
    </div>
</div>

你会建议我用什么？jQuery选择和创建方式，还是JavaScript一种？

4

4 回答 4

1

有点取决于你在做什么。在某些情况下，设置 innerHTML 是最快的（尤其是插入大块的块）。

也就是说，从开发人员的角度来看，jquery 方法确实是最可维护的。在性能成为问题之前，我可能会使用 jquery 版本，并将对 jquery 的调用包装在其他函数中，这样我可以在它发生时换掉。

于 2012-08-29T14:41:08.987 回答
1

这确实是开发人员偏好问题。

就个人而言，我发现严格使用 jQuery 选择器更容易编写和理解，并且在选择器变得更复杂时更加一致。使用本机 JavaScript 编译和渲染速度更快，但根据页面的复杂性，您实际上可能看不出任何差异。

于 2012-08-29T14:41:56.123 回答
1

当您说“大量的创建/附加/选择”时，您到底是什么意思？

它是每秒几个，还是只是“很多”？由于代码将在客户端运行，因此每秒一个不会是什么大问题。

jQuery 将是“最佳”选择，因为可维护性是一个很大的优势，并且您使用 jQuery 编写的任何代码都可能会更清晰。

于 2012-08-29T14:43:51.780 回答
0

我建议您不要一次创建那么多相同的元素。相反，将它们放置在您的 HTML 中并隐藏它（使用display:none），然后.clone()根据需要对整个块使用 jQuery。

但是：首先，摆脱这些id=属性。同一 ID 的页面上不能有多个元素。

于 2012-08-29T14:44:25.450 回答