在页面加载时隐藏HTML链接按钮

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不工作，因为它不是一个内部负载功能。您的代码尝试在页面之前运行，因此加载了一个标记，并且它没有看到它，所以什么也没有发生。试试这个：

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

请阅读jQuery page on document ready functions了解更多。

Answer 3

我知道它不是以同样的方式，你做到了 但尝试，如果这会工作

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