如何用jQuery隐藏div?

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

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

jQuery中的代码是什么?

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

要么

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

要么

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

简单:

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

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

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

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

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

或者将两者结合起来

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

或者用一个css()函数写一切

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

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

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

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

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

或者干脆,

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

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

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

然后我把它写到一个新创build的DIV中。 然后,我将DIV添加到body中,并将variablesContentHiddenField然后在我想要显示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()方法更可靠。

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