Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何隐藏特定的div标记_Jquery_Html_Css - Fatal编程技术网

Jquery 如何隐藏特定的div标记

Jquery 如何隐藏特定的div标记,jquery,html,css,Jquery,Html,Css,是否可以编写隐藏特定div标记的jQuery代码?如果是这样,这会是什么样子?我有一个jQuery lightbox,它有一个水印。包含水印的div是: <div id="html5-watermark" style="position: absolute; left: 10px; top: 10px;"> <a href="http://html5box.com/" style="text-decoration:none;" title="jQuery Lightbo

是否可以编写隐藏特定div标记的jQuery代码?如果是这样,这会是什么样子?我有一个jQuery lightbox,它有一个水印。包含水印的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,非常容易安装。不幸的是,代码和CSS托管在其他地方,因此我无法直接编辑它。

简单回答-

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

$(文档).ready(函数(){
$(“#html5水印”).hide();
});
将此添加到div标记下面


另外,我建议大家阅读jQuery。实际上,它非常甜蜜和有用。

尝试在您的
标记中包含以下代码。。。希望这有帮助

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

$(文档).ready(函数(){
$(“#html5水印”).hide();
});

您可以通过两种方式完成:

  • 编写自己的样式以覆盖原始样式
  • html5水印{ 显示:无!重要; }

  • jQuery中有两种方法
  • $(文档).ready(函数(){
    $(“#html5水印”).hide();
    });

    $(文档).ready(函数(){
    $('#html5水印').addClass('hideThis');
    });

    别忘了创建这个css类

    .hideThis{
    显示:无!重要;
    
    }

    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;'
    

    div style='display:block;宽度:170px;高度:20px;文本对齐:居中;边界半径:3px-moz边界半径:3px-webkit边界半径:3px;背景色:#fff;颜色:#333;字体:12px Arial,无衬线;'> 这是不公平的,因为本脚本的作者提供了两个版本(免费和商业版,免费品牌)。但是无论如何,对于到作者站点的简单隐藏链接,将文件html5lightbox.js中的参数“stamp”从true更改为false,只需在视图/html中添加样式即可

    <style>
        #html5-watermark {
           display:none !important;
        }
    </style>
    
    
    #html5水印{
    显示:无!重要;
    }
    
    进入
    html5gallery
    文件夹,找到
    html5gallery.js
    。编辑行号76并编辑行
    显示:无!重要信息


    $(“#html5水印”).hide()?我在哪里发布这个@AswinRamakrishnan?你试图隐藏的div是“html5水印”吗?没错@AswinRamakrishnanI认为水印是免费版本的一部分,许可版本有删除它的选项,因此,检查许可证,看看是否允许删除它。这并不能回答这个问题。一旦你有足够的钱,你将能够;相反不这是为asker隐藏不需要的div的最简单的方法。此外,通过这种方式(我建议),仍然有可能使用自水印,对灯箱进行自标记。在你提高声誉并得出结论之前,最好先听听主题。对不起,我的英语不好)你说“这不是恐惧”是什么意思?你是说免费吗?对不起。。。我的意思是“不公平”(编辑我的帖子),因为asker想要隐藏div,其中显示了lightbox脚本的免费版本的水印。