Abstractions are meant to, well, *abstract* an implementation. You might very we...

drdaeman · on Jan 31, 2014

> $(el).hide()

> el.style.display = 'none'

You meant something more like

    document.querySelectorAll(el).forEach(function(e) { e.style.display = 'none'; }

and a polyfill for IE8 due to lack of native Array#forEach, right?

kibibu · on Jan 31, 2014

This equivalency only works when el is a DOMElement, not a selector string.

talmand · on Jan 31, 2014

Which one is likely to be more common?

daleharvey · on Jan 30, 2014

Its

   el.hidden = true;

in modern browsers

rwaldron · on Jan 30, 2014

The documented semantics of the hidden attribute say otherwise https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att... http://www.w3.org/html/wg/drafts/html/master/editing.html#th...

" it is incorrect to use hidden to hide panels in a tabbed dialog, because the tabbed interface is merely a kind of overflow presentation — one could equally well just show all the form controls in one big page with a scrollbar"

nostrademons · on Jan 30, 2014

I'm curious - is this spec'd anywhere? I just tried it in Chrome and it works great, but I couldn't find it in any of the specs for Element or Node.

epmatsw · on Jan 30, 2014

The best I found

http://www.whatwg.org/specs/web-apps/current-work/multipage/...

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att...

talmand · on Jan 31, 2014

According to specs mentioned elsewhere, it seems to have reasons to exist other than just display hide/show purposes.

It's easily overridden by CSS.

el.style.display = 'none' pretty much works everywhere.

To me, it seems to depend upon what the purpose of hiding/showing the element is in specific cases.