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