Question

我想隐藏按钮onLoad。我该怎么办我的代码如下，并且在页面加载时不会隐藏按钮。

HTML

 <a class='btn btn-primary' id="button1">my buttopn</a>

JQUERY

<script type="text/javascript">

// 
    $("#button1").hide();

</script>

Answer 1

您需要为加载添加$(document).ready。

 $(document).ready(function(){
    $("#button1").hide();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="button1">Button1</a>
<a href="#" id="button2">Button2</a>

Answer 2

你的jQuery无法正常工作，因为它不在on load函数中。您的代码尝试在页面之前运行，因此加载了一个标记，并且它没有看到它，因此没有任何反应。试试这个：

$( document ).ready(function() {
    $("#button1").hide();
});

请阅读jQuery page on document ready functions了解详情。

Answer 3

我知道它和你做的不一样但试试这是否有效

<script type="text/javascript">
    document.getElementById("button1").style.visibility = "hidden";
</script>

隐藏页面加载

3 个答案: