如何用jQuery隐藏div？

当我想隐藏一个HTML <div> ，我使用下面的JavaScript代码：

 var div = document.getElementById('myDiv'); div.style.visibility = "hidden"; div.style.display = "none"; 

jQuery中的代码是什么？

Answer 1

 $('#myDiv').hide(); 

要么

 $('#myDiv').slideUp(); 

要么

 $('#myDiv').fadeOut(); 

Answer 2

简单：

 $('#myDiv').hide(); 

http://api.jquery.com/hide/

Answer 3

 $("#myDiv").hide(); 

将设置的CSS显示为无。 如果你需要设置隐藏的可见性，可以通过

 $("#myDiv").css("visibility", "hidden"); 

或者将两者结合起来

 $("#myDiv").hide().css("visibility", "hidden"); 

或者用一个css（）函数写一切

 $("#myDiv").css({ display: "none", visibility: "hidden" }); 

Answer 4

如果你想元素保持空间，那么你需要使用，

 $('#myDiv').css('visibility','hidden') 

如果你不想让元素保留它的空间，那么你可以使用，

 $('#myDiv').css('display','none') 

或者干脆，

 $('#myDiv').hide(); 

Answer 5

$("myDiv").hide(); 和$("myDiv").show(); 在Internet Explorer中无法正常工作。

我解决这个问题的方法是使用.html()获取myDiv的html内容。

然后我把它写到一个新创build的DIV中。 然后，我将DIV添加到body中，并将variablesContent到HiddenField然后在我想要显示DIV时从新创build的div中读取这些内容。

在我使用.remove()方法摆脱临时持有我的DIV HTML的DIV之后。

 var Content = $('myDiv').html(); $('myDiv').empty(); var hiddenField = $("<input type='hidden' id='myDiv2'>"); $('body').append(hiddenField); HiddenField.val(Content); 

然后当我想再次显示内容。

  var Content = $('myDiv'); Content.html($('#myDiv2').val()); $('#myDiv2').remove(); 

.show() ＆. .show()方法更可靠。

Answer 6

$('#myDiv').hide()将隐藏div …