jQuery Selector Perf - Right-to-Left

JavaScript performance comparison

Revision 60 of this test case created

Preparation code


               
                       
                <div class="notification-wrap">
        <div class="notification error">
                <span></span>

                <div class="text">
                        <p><strong>Lỗi !</strong> .</p>
       
                </div>
        </div>

    </div>
                       
                       
                       
                                                                           
        <div class="notification-wrap">
        <div class="notification tip">

                <span></span>
                <div class="text">
                        <p><strong>Mẹo Cho Bạn!</strong> .</p>
       Nội Dung
                </div>
        </div>

    </div>

       
       

                       
                       

       
                                                          <div class="notification-wrap">
        <div class="notification secure">
                <span></span>
                <div class="text">
                        <p><strong>Bảo Mật!</strong> .</p>
       Nội Dung
                </div>
        </div>

    </div>
       




       
                                                          <div class="notification-wrap">
        <div class="notification info">
                <span></span>
                <div class="text">
                        <p><strong>Thông Tin!</strong> .</p>
       Nội Dung
                </div>

        </div>

    </div>
       

       
                                                                          <div class="notification-wrap">
        <div class="notification download">
                <span></span>
                <div class="text">
                        <p><strong>Download</strong> .</p>

       Nội Dung
                </div>
        </div>

    </div>
               
                       
                       

                                                                                                  <div class="notification-wrap">
        <div class="notification message">
                <span></span>
                <div class="text">
                        <p><strong>Lời Nhắn </strong> .</p>

       Nội Dung
                </div>
        </div>

    </div>
               



  <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
                $('.notification-wrap').each(function(i) {
                        $(this).attr('id','notification-wrap'+i);
                         $(this).find('span').attr('id','notification-span'+i);
              });
                       
 
</script>

Preparation code output

Lỗi ! .

Mẹo Cho Bạn! .

Nội Dung

Bảo Mật! .

Nội Dung

Thông Tin! .

Nội Dung

Download .

Nội Dung

Lời Nhắn .

Nội Dung

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
"Left to Write" Thinking
$('#box p');
pending…
"Right to Left"
$('#box').children('p');
pending…
Alternate "Right to Left"
$('#box').find('p');
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