jugando con el dom y jquery

Benchmark created by Eugenio on

Description

Probando formas de insertar items en una lista.

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="cointainer">
<ul id="lista"> <li>mensaje1</li> </ul>
</div>

Teardown


    $("#lista").html(' <li>mensaje1</li>');

Test runner

Ready to run.

Testing in
TestOps/sec
clasico
for(var i=0;i<100;i++) {
  $("#lista").append("<li>mensaje" +(i+2)+ "</li>");
}
ready
version compartida por beto
var lista=$("#lista").detach();
for(var i=0;i<100;i++) {
  lista.append("<li>mensaje" +(i+2)+ "</li>");
}

lista.appendTo($("#container"));
ready
la que prefiero
var lista=$("#lista"), html ='';
for(var i=0;i<100;i++) {
  html +=("<li>mensaje" +(i+2)+ "</li>");
}
lista.append(html);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 1: published by Eugenio on