替代JQuery .hide

Question

我需要一个Jquery .hide的替代品，它可以“隐藏”div中的所有内容，包括所有正在播放的html5视频以及您能想到的任何其他内容。

如果您访问www.squbo.com并等待视频播放，取消静音，然后点击Squbo徽标，您将听到视频仍在播放，即使它所在的父div是“。隐藏“by jquery

$("#squbologo").load("squbologo.php").click(function(){ $("#homepage").hide(); $("#squbopage").show(); });

Answer 1

$('#myIDtag').css('display', 'none');

或

$('#myIDtag').css('opacity', '0.0');

让元素继续占据它所在的空间。

最后但并非最不重要的是，您还拥有visibility CSS属性，该属性可能与opacity相同; https://developer.mozilla.org/en-US/docs/CSS/visibility

暂停视频：

document.getElementById('home-180').childNodes[0].pause();

通过Safari的Web Inspector中的控制台在您的网站上进行了实时测试。返回undefined，但暂停视频。

Answer 2

jQuery fadeOut方法：

.fadeOut();

jQuery css方法：

.css("display", "none");

Answer 3

您可以使用jQuery css方法：

$("#divID").css("display", "none");