Jquery 输入文本时显示DIV

我已经尽了一切努力让它在所有平台上运行。我做错了什么

JS--

CSS--

HTML--

在此处键入：
试验

脚本引用jQuery功能，但不包括jQuery库。请在文档中包含jQuery以激活此功能

在首次使用

$

之前，请将以下内容放在文档的开头：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

---

脚本引用jQuery功能，但不包括jQuery库。请在文档中包含jQuery以激活此功能

在首次使用

$

之前，请将以下内容放在文档的开头：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

包括JQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

JQuery：

$('#gname').bind('keyup change',function(){
    if(this.value.length > 0){
        $('#number').show();
    }
    else {
        $('#number').hide();
    }
});

演示：

包括JQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

JQuery：

$('#gname').bind('keyup change',function(){
    if(this.value.length > 0){
        $('#number').show();
    }
    else {
        $('#number').hide();
    }
});

---

演示：

如果您绑定到

keyup

事件，而不是

keypress

事件处理程序运行时，该值将发生更改：

---

仅在按下enter键时检查值的演示：

如果绑定到

keyup

事件而不是

keypress

事件，则在事件处理程序运行时，该值已更改：

---

一个仅在按下enter键时检查值的演示：

首先，您需要包括jQuery（非常确定您知道这一点，只是在演示中忽略了它，但您需要它

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

---

}))

首先，您需要包括jQuery（非常确定您知道这一点，只是在演示中没有提到它，但您需要它

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

---

}))

而您的源代码实际上并不显示div。div开始是不可见的，js要么将其滑开，要么将其隐藏，但不会使其可见

PS恐怕是谁编辑了原始问题把它弄得一团糟。现在缺了很多

---

编辑：啊，我知道现在已经更正了。

而你的源代码实际上并没有显示div。div开始不可见，js要么将其滑开，要么将其隐藏，但不会使其可见

PS恐怕是谁编辑了原始问题把它弄得一团糟。现在缺了很多

---

编辑：啊，我知道现在已经更正了。

实际上它工作得很好，因为你给了你的div id

display none

，所以它在你看不见的幕后工作。删除

display none

属性，它应该可以工作

---

实际上，它工作得很好，因为您为div id指定了

display none

，所以它可以在您看不到的幕后工作。删除

display none

属性，它应该可以工作

---

如果我只想让它在“输入”事件后弹出，而不管他们键入什么，该怎么办？可能吗？我很幸运找到了这个网站。感谢各位的快速反应。非常感谢。@user1086253您可以检查

事件

对象，查看

keyCode

属性是否设置为

13

（这是回车键）：事件对象是否在脚本中？@user1086253它在事件处理程序中公开，您所要做的就是在声明匿名函数时引用它作为参数：$（）.bind（'keydown'，function（event）{/*我现在可以访问

事件

变量*/}）`任何一个例子的机会。我已经得到了我所需要的，但我希望在我结束这个问题之前。提前谢谢。如果我想让它只在进入事件后弹出，不管他们键入什么？可能吗？我很幸运找到了这个网站。感谢各位的快速反应。非常感谢。@user1086253您可以检查

事件

对象，查看

keyCode

属性是否设置为

13

（这是回车键）：事件对象是否在脚本中？@user1086253它在事件处理程序中公开，您所要做的就是在声明匿名函数时引用它作为参数：$（）.bind（'keydown'，function（event）{/*我现在可以访问

事件

变量*/}）`任何一个例子的机会。我已经得到了我所需要的，但我希望在我结束这个问题之前。提前谢谢。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

$(document).ready(function(){
   $('#gname').keyup(function() {
      if ($(this).val() == "Toys") 
         $('#number').slideDown('fast')
      else 
         $('#number').hide();
   });