Question

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

执行此操作

$("#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中无效。

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

然后我将它写入新创建的DIV。然后我将DIV附加到正文并将变量Content的内容附加到HiddenField，然后在我想要显示DIV时从新创建的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()＆amp; .show()方法。

Answer 6

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

Answer 7

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

有关更多信息，请单击this link。

如何用jQuery隐藏div？

7 个答案: