StringBuffer x jQuery with insert into DOM (v2)

Revision 2 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  function StringBuffer() {
   this.buffer = [];
  }
  
  StringBuffer.prototype.append = function append(string) {
   this.buffer.push(string);
   return this;
  };
  
  StringBuffer.prototype.toString = function toString() {
   return this.buffer.join("");
  };
  
  var key = "MY_KEY";
</script>
<div id='container' ></div>

Test runner

Ready to run.

Testing in
TestOps/sec
Create div using jQuery
var divPagination = jQuery("<div>");
divPagination.attr("id", "pagination_beneficiaries_item_oder_" + key);
divPagination.attr("name", "pagination_beneficiaries_item_oder_" + key);
divPagination.addClass("pagination");
$('#container').append(divPagination);
ready
create div using stringbuffer
var div = new StringBuffer();
div.append('<div class="pagination" id="pagination_beneficiaries_item_oder_').append(key);
div.append('" name="pagination_beneficiaries_item_oder_').append(key).append('"></div>');
div.toString();
$('#container').append(div);
ready

Revisions

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