Question

I have this code:

var $msg = jQuery('<div></div>')     .hide()     .appendTo(document.body) ; if ($msg.is(':hidden')) {     console.log('hidden'); } else {     console.log('visible'); } 

When run, it logs 'hidden' on Firefox, but 'visible' on Google Chrome. Is this a bug, or am I doing something wrong?

Answer 1

Have you tried hiding after appending it to body?

$(function() {     var $msg = jQuery('<div>hello</div>').appendTo(document.body).hide();     if ($msg.is(':hidden')) {         console.log('hidden');     } else {         console.log('visible');     } }); // $() 

worked for me on both browsers.