jquery selector vs js loop

JavaScript performance comparison

Test case created by arvid

Preparation code

<ul data-role="listview" class="personer sortableul qgradeUL ui-listview" data-spliticon="check">
  <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-a">
    James Benning (Regissör)
    <strong class="statistik" onclick="$('div.ui-page-active').find('li.stat').toggleClass('dold'); $(this).toggleClass('statact');">
      p
    </strong>
    <strong data-href="comments.php?person=83349" class="statistik kommlog" onclick="$.mobile.changePage($(this).data('href'));">
      c
    </strong>
  </li>
  <li class="sortdiv ui-li ui-li-static ui-body-c">
    Sortera:
    <em onclick="pktsort('abc');" id="s_abc" class="">
      A-Ö
    </em>
    <em onclick="pktsort('123');" id="s_123" class="">
      5-1
    </em>
    <em onclick="pktsort('ar');" id="s_ar" class="">
      ÅR
    </em>
    <em onclick="pktsort('regi');" id="s_regi" class="">
      Regi
    </em>
  </li>
  <li class="viewdiv ui-li ui-li-static ui-body-c">
    Visa:
    <em id="v_alla" class="active_sort">
      Alla
    </em>
    <em id="v_seen" class="">
      <span class="picto">
        E
      </span>
      Sedda
    </em>
    <em id="v_unseen" class="">
      <span class="picto">
        e
      </span>
      Osedda
    </em>
  </li>
  <li class="stat dold ui-li ui-li-static ui-body-c">
    <h3 class="ui-li-heading">
      Betygsfördelning
    </h3>
    <span>
      <img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:40,0,0,33,27,0&amp;chs=270x180&amp;chf=bg,s,FFFFFF00&amp;chco=bbbbbb|cdb77e|eaafc8|f1ed67|aed1ef|a6dd93&amp;chdl=? (6 st)|1 (0 st)|2 (0 st)|3 (5 st)|4 (4 st)|5 (0 st)&amp;chdlp=b"
     onclick="$(this).parent().hide(); $(this).parent().next().show(); $('div.ui-page-active li.stat  h3').text('Sedda/osedda');">
    </span>
    <span style="display:none;">
      <img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:7,8&amp;chs=270x180&amp;chf=bg,s,FFFFFF00&amp;chdl=Sedda (7 st)|Osedda (8 st)&amp;chdlp=b"
     onclick="$(this).parent().hide(); $(this).parent().prev().show(); $('div.ui-page-active li.stat h3').text('Betygsfördelning');">
    </span>
    <p style="font-size: 10px; font-weight: normal; margin-top: 5px;" class="ui-li-desc">
      Klicka för att växla mellan betygsfördelning &amp; sedda/osedda
    </p>
  </li>
  <li data-year="1995" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=33124" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1995</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd4" data-gnum="4">4</big> <span>Deseret</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2004" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=37797" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2004</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd4" data-gnum="4">4<cite>3</cite></big> <span>Ten Skies </span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2004" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=37038" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2004</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd4" data-gnum="4">4<cite>3</cite></big> <span>13 Lakes</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1986" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=58274" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1986</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd4" data-gnum="4">4</big> <span>Landscape Suicide</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2000" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=37799" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2000</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd3" data-gnum="3">3<cite>3</cite></big> <span>El Valley Centro</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2001" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=37798" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2001</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd3" data-gnum="3">3<cite>3</cite></big> <span>Los</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1977" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=40526" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1977</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd3" data-gnum="3">3<cite>3</cite></big> <span>One Way Boogie Woogie</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2007" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=76628" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2007</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd3" data-gnum="3">3<cite>3</cite></big> <span>Casting a Glance</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2001" data-director="James Benning" class="is_seen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=78710" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2001</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd3" data-gnum="3">3<cite>3</cite></big> <span>Sogobi</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1998" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=46059" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1998</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>Utopia</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1982" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=93951" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1982</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>Him and Me</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1984" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-btn-up-c"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=81038" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1984</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>American Dreams</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2007" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=59521" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2007</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>RR</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="2009" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=80650" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">2009</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>Ruhr</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
  <li data-year="1977" data-director="James Benning" class="is_unseen sortable ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-alt"
 data-corners="false" data-shadow="false" data-iconshadow="true" data-inline="false"
 data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c">
    <div class="ui-btn-inner ui-li ui-li-has-alt">
      <div class="ui-btn-text">
        <a href="film.php?id=80886" class="ui-link-inherit"><p class="ui-li-aside yearH ui-li-desc">1977</p><p class="ui-li-aside dirH ui-li-desc">James Benning</p><big class="grade gd0" data-gnum="0">?</big> <span>11 x 14</span></a>
      </div>
    </div>
    <a href="#" class="qgrade ui-li-link-alt ui-btn ui-btn-up-c" title="Betygsätt" data-corners="false"
   data-shadow="false" data-iconshadow="true" data-inline="false" data-wrapperels="span"
   data-icon="false" data-iconpos="false" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-inline="false" data-wrapperels="span" data-icon="check" data-iconpos="notext" data-theme="c" title="" class="ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-check ui-icon-shadow"></span></span></span></span></a>
  </li>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jq
var unseen = $('.is_unseen');
pending…
js
var unseen = document.getElementsByClassName('is_unseen');
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

Add a comment