Info

http://stackoverflow.com/questions/4696779/performance-of-jquery-visible/4696891#4696891

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="test-content"></div>
<script>
 $(function() {
  for (var i = 200; i--;) {
   $('<input />', {
    style: "display:" + ((i % 2) ? 'block' : 'none'),
    class: "test-span" + ((i % 2) ? ' visi' : ' notvisi'),
    type: 'checkbox',
    checked: (Math.random() > 0.5)
   }).appendTo('#test-content');
  }
 });
</script>

Preparation code output

Test runner

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

Java applet disabled.

$('.test-span:visible').each(function() {
 if (this.checked);
});

$('.test-span.visi').each(function() {
 if (this.checked);
});

$('.test-span').each(function() {
 if (this.checked && jQuery.expr.filters.visible(this)) {}
});

$('.test-span:checked:visible').each(function() {

});

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