Comments on: Now you see me… show/hide performance

By: Jegs

Jegs — Wed, 18 Jan 2012 03:32:49 +0000

Kudos! I’m a performance OC fanatic and i would love to read more articles like these…

This site will be on my delicious.

By: On Job training pune

On Job training pune — Sat, 07 Jan 2012 09:50:24 +0000

Nice tips on jQuery. I really appreciate.

By: jQuery toggle wont work for child elements, having a hidden parent. « TechSense

Mon, 19 Dec 2011 09:19:38 +0000

[...] performance consideration, based on jQuery tutorial from learning jQuery, you can use .css(‘display’,'none’) to hide [...]

By: Matt Rohr

Matt Rohr — Thu, 15 Dec 2011 21:10:59 +0000

We were dealing with this at work and I came up with a benchmarking page to test how much this actually impacts performance.
http://mjrohr.dyndns.org/showhide.html

By: jQuery Performance: Show/Hide vs. Toggle

jQuery Performance: Show/Hide vs. Toggle — Thu, 28 Jul 2011 19:49:59 +0000

[...] http://www.learningjquery.com/2010/05/now-you-see-me-showhide-performance [...]

By: Some performance function jquery! | Destroy the world!!

Some performance function jquery! | Destroy the world!! — Mon, 09 May 2011 06:12:09 +0000

[...] but if it’s already there then it is trivial to give it an ID and use its disabled attribute. PLAIN TEXT [...]

By: Parmeisan

Parmeisan — Wed, 04 May 2011 21:39:20 +0000

Thank you so much! When you’re working with filtering even 2 thousand records, show/hide could take up to 20 seconds to perform. It wasn’t until I tried to optimize my comparisons that I discovered to my surprise that the string comparisons were like *nothing* to the show/hide. Switching to the CSS method (ironically, after having switched *from* that method while I was testing with only a few hundred records) gives a nearly instantaneous response. Much better!

By: Julius Epman

Julius Epman — Wed, 20 Apr 2011 17:06:19 +0000

Nice benchmark indeed. However the id attribute of the style tag is non standard compliant. So using the title attribute instead might work better if a standard mode is required.

By: Shanimal

Shanimal — Fri, 15 Apr 2011 21:18:08 +0000

I ran my own little "Benchmark" Seems like a fair test... tell me what you think. I like option 3. I'm going with it. grid.find(".selected").toggleClass("selected",true); Also, point me to a good benchmark plugin if jquery has one. :)

By: Shanimal

Shanimal — Fri, 15 Apr 2011 19:53:02 +0000

One more thing I can’t just do $(“.selected”).toggle(“selected”,false) because I have other tables. But also what is the performance difference in that case?