如何用jQuery隐藏div？

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中无法正常工作.

我身边有这样的方式是得到的HTML内容 myDiv使用.html().

然后我把它写到新创建的DIV中.然后我将DIV附加到正文并将变量的内容附加Content到HiddenField当我想要显示DIV时从新创建的div中读取内容.

在我使用该.remove()方法摆脱暂时持有我的DIVs 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()方法更可靠.

Answer 6

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