如何使用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显示设置为none。如果您还需要将可见性设置为隐藏，则可以通过

$("#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中的工作都顺利。

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

然后，我将其写入新创建的DIV。然后，当我想显示DIV时，我将DIV附加到主体并将变量的内容附加Content到，HiddenField然后从新创建的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();

这比.hide()＆.show()方法更可靠。

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

$('#myDiv').hide(); 隐藏功能用于编辑内容，显示功能用于再次显示。

有关更多信息，请单击此链接。