jqon the fly

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
JQ Creating
var slider = jQuery('<div/>');
var slider_handle_notch = jQuery('<span class="notch"/>');
var slider_helper_text = jQuery('<span class="slider_helper_text"/>');
var slider_value = jQuery('<div/>').addClass('slider_value');
var tickbox = jQuery('<div class="tickbox"/>');

for (var i = 0; i < 9; i++) {
  tickbox.append(jQuery('<span class="tick"></span>'));
  if (i < 3) {
    var span = jQuery('<span class="ticklabel"></span>');
    tickbox.append(span);
    if (i === 0) {
      span.addClass('firstchild');
    }
    if (i == 4) {
      span.addClass('lastchild');
    }
  }
}
ready
HTML chunk
var slider = jQuery('<div/>');
var slider_handle = jQuery('<div><span class="notch"></span><span class="slider_helper_text"></span>');
var slider_value = jQuery('<div class="slider_value"/>');
var tickbox = jQuery('<div class="tickbox">' +
  '  <div class="tick"><span class="ticklabel firstchild"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel"></span></div>' +
  '  <div class="tick"><span class="ticklabel lastchild"></span></div>' +
  '</div>');

var handletext = $('.slider_helper_text');
ready

Revisions

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