jQuery text() vs. html()

JavaScript performance comparison

Revision 36 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p>
<script>
  var $text = $(".text");
</script>
    

Preparation code output

<p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p><p class="text">Test text</p>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
text()
$text.text();
pending…
html()
$text.html();
pending…
add text()
$text.text('blah blah');
pending…
add html()
$text.html('blah blah')
pending…
add text() after check
var a= 'blah blah';
if($text.text() != a)
$text.text(a);
pending…
each
var valueToDisplay= 'blah blah';
$.each($text, function(){
                            var dom = $(this);
                            if(dom.text() != valueToDisplay)
                            {
                                dom.text(valueToDisplay);
                            }
                        });
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.

0 Comments

Test text

Test text

Test text

Test text

Test text

Test text