jQuery disabled alternatives

JavaScript performance comparison

Test case created by

Preparation code

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

<form>
    <input type="submit" disabled="disabled" />
    <input type="submit" />
    <input type="text" disabled="disabled" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="file" />
</form>
    

Preparation code output

<form> <input type="submit" disabled="disabled" /> <input type="submit" /> <input type="text" disabled="disabled" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="file" /> </form>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
DOM no methods
var all = [].slice.call(document.getElementsByTagName("*"));
var disabled = all.filter(function(elem) {
   if (elem.getAttribute("disabled") == "disabled") return elem;
});
pending…
DOM querySelectorAll
var disabled = document.querySelectorAll("*:disabled");
pending…
jQuery
var disabled = $(":disabled");
pending…

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

Compare results of other browsers

0 Comments