Jquery Selectors on Long DOM

JavaScript performance comparison

Revision 8 of this test case created

Preparation code

<div id="someDiv">
  This is a &lt;div&gt; with an id of
  <tt>
    someDiv
  </tt>
</div>
<div title="myTitle1">
  <span>
    Hello
  </span>
</div>
<div title="myTitle2">
  <span>
    Goodbye
  </span>
</div>
<ul class="myList" style="display:none;">
  <li>
    <a href="http://jquery.com">jQuery supports</a>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
    <ul id="idScope">
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="unique" id="uniqueId" class="uniqueclass" data-test="uniqueData">CSS2<div class="innerdivclass"></div></a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
<ul>
      <li>
        <a href="css1">CSS1</a>
      </li>
      <li>
        <a href="css2">CSS2</a>
      </li>
      <li>
        <a href="css3">CSS3</a>
      </li>
      <li>
        Basic XPath
      </li>
    </ul>
  </li>
  <li>
    jQuery also supports
    <ul>
      <li>
        Custom selectors
      </li>
      <li>
        Form selectors
      </li>
    </ul>
  </li>
</ul>
<table id="languages" border="0" cellspacing="1" class="tbl">
  <thead>
    <tr>
      <th>
        Language
      </th>
      <th>
        Type
      </th>
      <th>
        Invented
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Java
      </td>
      <td>
        Static
      </td>
      <td>
        1995
      </td>
    </tr>
    <tr>
      <td>
        Ruby
      </td>
      <td>
        Dynamic
      </td>
      <td>
        1993
      </td>
    </tr>
    <tr>
      <td>
        Smalltalk
      </td>
      <td>
        Dynamic
      </td>
      <td>
        1972
      </td>
    </tr>
    <tr>
      <td>
        C++
      </td>
      <td>
        Static
      </td>
      <td>
        1983
      </td>
    </tr>
  </tbody>
</table>
<form action="" method="put" onsubmit="return false;">
  <div>
    <label>
      Text:
    </label>
    <input type="text" id="aTextField" name="someTextField" />
  </div>
  <div class="clsCotainer22" id="radGroupContainer">
    <label>
      Radio group:
    </label>
    <input type="radio" name="radioGroup" id="radioA" value="A" />
    A
    <input type="radio" name="radioGroup" id="radioB" value="B" checked="checked" />
    B
    <input type="radio" name="radioGroup" id="radioC" value="C" />
    C
  </div>
  <div class="clsCotainer" id="cb-container">
    <label>
      Checkboxes:
    </label>
    <input type="checkbox" class="clsCheckboxes" name="checkboxes" id="checkbox1" value="1"
   />
    1
    <input type="checkbox" class="clsCheckboxes" name="checkboxes" id="checkbox2" value="2"
   />
    2
    <input type="checkbox" class="clsCheckboxes" name="checkboxes" id="checkbox3" value="3"
   checked="checked" />
    3
    <input type="checkbox" class="clsCheckboxes" name="checkboxes" id="checkbox4" value="4"
   />
    4
  </div>
  <button type="submit" id="submitButton" class="clsButton">
    Submit
  </button>
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

This is a <div> with an id of someDiv
Hello
Goodbye
Language Type Invented
Java Static 1995
Ruby Dynamic 1993
Smalltalk Dynamic 1972
C++ Static 1983
A B C
1 2 3 4

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
id selector scoped
$('#idScope [data-test=uniqueData]').length
pending…
object scoped
$('[data-test=uniqueData]', '#idScope').length
pending…
attribute only
$('[data-test=uniqueData]').length
pending…
class selector
$('.uniqueclass').length
pending…
id selector
$('#uniqueId').length
pending…
id selector scope with find
$("#idScope").find('[data-test=uniqueData]').length
pending…
id selector scope with inner div
$('#idScope [data-test=uniqueData] .innerdivclass').length
pending…
object scoped with inner div
$('[data-test=uniqueData] .innerdivclass', '#idScope').length
pending…

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:

0 comments

Add a comment