如何使用 jQuery 隐藏 div？

IT技术 javascript jquery
2021-02-09 19:04:53

当我想隐藏 HTML 时<div>，我使用以下 JavaScript 代码：

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

jQuery 中该代码的等价物是什么？

6个回答
$('#myDiv').hide();

或者

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

或者

$('#myDiv').fadeOut();
这实际上是三个相同的display:none，只有三个不同的动画效果。正确答案是@honk31.css("visibility", "hidden")并且是有目的的！该visiblity:hidden不像display:none保持使用空间，同时display:none将像它永远不会有存在。
2021-03-15 19:04:53
就像我们在 RTFM 之前所说的那样。在最初的帖子中，有人问visibility = "hidden" 和 display = "none" 有什么区别，他有没有问过如何制作隐藏动画？坚持主题！
2021-03-29 19:04:53
@Developer 虽然这是一个有趣且可能有用的观点，但我绝对没有看到任何表明您的解决方案是预期效果的内容。相反，OP 似乎发现它很好地回答了他们的问题。出于我的目的，继续占用空间实际上是非常不可取的。不要傲慢。
2021-04-04 19:04:53 
$("#myDiv").hide();

会将 css 显示设置为无。如果您还需要将可见性设置为隐藏，可以通过

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

或将两者结合在一个链中

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

或用一个 css() 函数编写所有内容

$("#myDiv").css({
  display: "none",
  visibility: "hidden"
});
这个答案应该被选为正确的，我不知道为什么人们投票给完全错误的答案！
2021-03-21 19:04:53
要使其可见，请使用visible代替hidden。
2021-04-06 19:04:53

简单：

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

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

如果您希望元素保持其空间，则需要使用，

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

如果您不希望元素保留其空间，则可以使用，

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

或者干脆，

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

$("myDiv").hide();并且$("myDiv").show();在 Internet Explorer 中不能很好地工作。

我解决这个问题的方法是获取myDivusing的 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()&.show()方法更可靠。

其它你可能感兴趣的问题
上一篇用于人性化相对日期格式的 Javascript 库 下一篇检查数组是否包含另一个数组的所有元素