在javascript中隐藏div onload

时间:2016-09-03 13:16:30

标签: javascript html blogs blogger

HTML

<div id="b-navbar-fg">
</div> 

的JavaScript

<script>
   $(function(){
      $("#b-navbar-fg").hide() // try to hide google navigation bar
   });
</script>

此功能正在我的Google博客页面中执行。但我无法在加载页面上隐藏此ID。

EXAMPLE PAGE

3 个答案:

答案 0 :(得分:9)

您可以按照以下方式使用:

<强> JS

window.onload = function() {
  document.getElementById('b-navbar-fg').style.display = 'none';
};

<强> Jquery的

$(document).ready(function() {
    $("#b-navbar-fg").hide();
});

答案 1 :(得分:1)

试试这段代码:

window.onload = function() {
  $("#b-navbar-fg").hide();
};

如果上述代码不起作用,请尝试以下代码:

$(document).ready(function() {
    $("#b-navbar-fg").hide();
});

答案 2 :(得分:1)

&#13;
&#13;
$(document).ready(function() {
    $('#div1').hide();
    $('#preview').on('click', function() {
            $('#div1').toggle(300);
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
First Div Hide
</div>

<div id="div2">
Second Div
</div>

<div id="preview" style="color:#999999; font-size:14px">
<button>Click</button
</div>
&#13;
&#13;
&#13;