Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div>
    <div id="foo">
        <div class="bar"></div>
    </div>
</div>

<script>
function select(selector, element)
{
    element = element || document;
    selector = selector.replace(/(^\s|\s$)/, "");

    if (selector.indexOf(",") > 0)
    {
        var selectors = selector.split(",");
        for (var index = 0; index < selectors.length; index++)
        {
            selectors[index] = select(selectors[index]);
        }

        return selectors;
    }
    else if (selector.length < 1)
    {
        return null;
    }
    else
    {
        if (selector.charAt(0) == "#")
        {
            return element.getElementById(selector.substring(1));
        }
        else if (selector.charAt(0) == ".")
        {
            return element.getElementsByClassName(selector.substring(1));
        }
        else
        {
            return element.getElementsByTagName(selector);
        }
    }
}
</script>

<div id="baz"></div>
<div class="bar"></div>

Preparation code output

Test runner

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

Java applet disabled.

var tn = document.getElementsByTagName("div");
tn[0].getElementsByClassName("bar");
tn[0].getElementsByTagName("div");
var id = document.getElementById("foo");
var id2 = document.getElementById("baz");
var cl = document.getElementsByClassName("bar");

var tn = document.querySelectorAll("div");
tn[0].querySelector(".bar");
tn[0].querySelectorAll("div");
var id = document.querySelector("#foo");
var id2 = document.querySelector("#baz");
var cl = document.querySelectorAll(".bar");

var tn = jQuery("div");
tn.first().find(".bar");
tn.first().find("div");
var id = jQuery("#foo");
var id2 = jQuery("#baz");
var cl = jQuery(".bar");

var div = select("div")[0];
select(".bar", div);
select("div", div);
var id = select("#foo");
var id2 = select("#baz");
var cl = select(".bar");

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 10th December 2011
• Revision 2: published on 10th December 2011
• Revision 4: published on 10th December 2011
• Revision 5: published on 10th December 2011
• Revision 6: published on 15th December 2011
• Revision 7: published on 25th March 2012
• Revision 8: published on 26th March 2012
• Revision 9: published on 5th April 2012
• Revision 10: published on 8th April 2012
• Revision 12: published on 25th July 2012
• Revision 14: published on 24th September 2012
• Revision 15: published on 7th March 2013

0 comments