Javascript 使用jquery隐藏错误消息

这是我的简单搜索框和错误消息。加载时不应出现错误消息。若单击按钮时输入为空，则应显示消息

为什么在此代码中，错误消息会在加载时显示，尽管它一直处于隐藏状态

$( document ).ready(function() {
    $('#error-msg').hide();
}

---

小提琴：

您缺少一个右括号

[旁注：通过查看控制台上显示的错误，可以很容易地识别它。]

试试看

---

您错过了右括号，在您的小提琴中没有包含jQuery

$( document ).ready(function() {
    $('#error-msg').hide();
});

---

您不需要jquery来实现这一点。保持简单，在开头添加css：

 #error-msg{
   display:none;
 }

然后单击按钮代码：

$('.input-group-btn').click(function(){
 if(!$('#url-input-box').val().length){
  $('#error-msg').show();
 }else{
   $('#error-msg').hide();
 }
});

---

代码中有语法错误

 $( document ).ready(function() {
       $('#error-msg').hide();
   });

document.ready应以）}结尾； iam附加了一个plunkr，当输入为空时显示错误。希望您觉得它有用。

---

在代码中，需要包含jQuery库文件才能访问jQuery函数

我已经在下面的链接中更新了你的代码

$(document).ready(function() {
$("#error-msg").hide();
});

---

Fiddle:

您需要添加jquery库。如果单击按钮且框为空时显示错误，是否有任何帮助。您正在将此问题作为变色龙问题处理。。请将您的新问题作为新问题提问：）

$(document).ready(function() {
$("#error-msg").hide();
});