Info

See if avoiding sizzle makes a big difference.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.0.0-rc.3/lodash.min.js">
</script>
<form id="test">
  <select name="enabledSelect">
    <option value="1">
      One
    </option>
  </select>
  <input name="disabledText" type="text" value="Hello" disabled="disabled">
  <select name="disabledSelect" disabled="disabled">
    <option value="2">
      Two
    </option>
  </select>
  <input type="text" id="enabledText" value="Good, enabled">
  <input type="checkbox" name="enabledCheck" checked="checked">
  <button>
    Submit
  </button>
</form>
<script>
  Benchmark.prototype.setup = function() {
    var el = document.getElementById('enabledText');
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var disabled = $(el).siblings(':disabled');
disabled.addClass('disabled');

var disabled = _.filter($(el).siblings(), function(sibling) {
  return sibling.disabled;
});

$(disabled).addClass('disabled');

var disabled = (function() {
  var child, children, start, _i, _len;
  disabled = [];
  children = el.parentElement.children;
  for (_i = 0, _len = children.length; _i < _len; _i++) {
    child = children[_i];
    if (child !== el && child.disabled) disabled.push(child);
  }
  return $(disabled).addClass('disabled');
})();

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 23rd January 2013
• Revision 2: published on 24th January 2013 and last updated on 7th February 2013

0 comments