Question

是否可以编写一个隐藏特定div标签的jQuery代码？如果是这样的话会是什么样的？我有一个jQuery灯箱，它有一个水印，包含水印的div是：

<div id="html5-watermark" style="position: absolute; left: 10px; top: 10px;">
    <a href="http://html5box.com/" style="text-decoration:none;" title="jQuery Lightbox">
        <div style="display:block;width:170px;height:20px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;color:#333;font:12px Arial,sans-serif;">
        <div style="line-height:20px;">HTML5 Lightbox Free Version</div>
        </div>
    </a>
</div>

它来自html5，非常容易安装，不幸的是代码＆amp; CSS在其他地方托管，因此我无法直接编辑它。

Answer 1

您可以通过两种方式实现：

编写自己的风格以覆盖原始风格。

#html5-watermark { display:none !important; }

jQuery中有两种方法，

$(document).ready(function(){ $('#html5-watermark').hide(); });

或

$(document).ready(function(){ $('#html5-watermark').addClass( 'hideThis' ); });

别忘了创建这个css类

.hideThis { display:none !important; }

Answer 2

简单回答 -

<script type="text/javascript">
    $(document).ready(function(){
        $('#html5-watermark').hide();
    });
</script>

在div标签下方添加。

另外，我建议阅读jQuery。它实际上很甜美有用。

Answer 3

尝试在<head></head>标记中包含以下代码...希望这会有所帮助..

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
    $(document).ready(function(){
        $('#html5-watermark').hide();
    });
</script>

Answer 4

在html5lightbox.js：

中查找并删除此内容

div style='display:block;width:170px;height:20px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;color:#333;font:12px Arial,sans-serif;'><div style='line-height:20px;'

Answer 5

这不公平，因为这个脚本的作者提供了两个版本（免费和商业免费品牌）。但是..无论如何，对于简单的隐藏链接到作者网站，更改参数＆＃34;戳＆＃34;文件html5lightbox.js中的从true到false

Answer 6

只需在您的view / html中添加样式。

<style>
    #html5-watermark {
       display:none !important;
    }
</style>

Answer 7

转到html5gallery文件夹并找出html5gallery.js。编辑行号76和编辑行display:none !important

如何隐藏特定的div标签

7 个答案: