Jquery 根据输入值显示/隐藏div

Jquery 根据输入值显示/隐藏div,jquery,html,input,hide,show,Jquery,Html,Input,Hide,Show,我想在用户将在输入字段中键入时显示div#cool,或者在用户将键入时显示div#good等等。一切都应该是实时的。编辑:为它创建了一个Github要点:-感谢您的评论,keyPress确实应该是keyPress。我自己从来没有遇到过可靠性问题 在本例中,我们假设所有div都位于父元素#divs中。因此,当用户更改输入时,它们被隐藏 注意:未经测试,因此可能无法使用交钥匙,但要点是正确的。这只是两个示例,任何ID都可以使用,还是仅此而已?当输入发生变化时会发生什么,它们是否应该再次隐藏?到目前为

我想在用户将在输入字段中键入
时显示
div#cool
,或者在用户将键入
时显示
div#good
等等。一切都应该是实时的。

编辑:为它创建了一个Github要点:-感谢您的评论,keyPress确实应该是keyPress。我自己从来没有遇到过可靠性问题

在本例中,我们假设所有div都位于父元素#divs中。因此,当用户更改输入时,它们被隐藏


注意:未经测试,因此可能无法使用交钥匙,但要点是正确的。

这只是两个示例,任何ID都可以使用,还是仅此而已?当输入发生变化时会发生什么,它们是否应该再次隐藏?到目前为止您编写了什么代码?我注意到,
keyPress
在所有浏览器中都不可靠。@Felix Kling:有趣的是,我认为
keyPress
(小写!)是最可靠的键事件交叉浏览器
keydown
keydup
可能在该主题上有更多问题。你能提供进一步的信息吗?还是因为大写的“P”而只是讽刺?@jAndy:看看我的答案。由于某种原因,
keypress
无法正常工作(未检测到第一次按键)。但我只在Firefox中测试过,现在在
3.6.7
中它似乎可以工作了。或者这个问题的原因是别的。