如何在使用jQuery键控输入时从特定div添加/删除类？

我希望每次有人开始在以下输入中键入文本时，将类“hideme”添加到id为（btn1）的div中，并在清除/清空字段时删除类“hideme”并再次显示div

现在，如果您尝试在输入字段中键入某些内容，它将无法正常工作

这是我的密码：

$（'price'）。在（'keyup'，function（）上{
$（“#btn1”）.toggleClass（'hideme'，$（'#price'）.val（）=''；
})

#btn1{
背景#0088cc；
颜色：#ffffff；
宽度：自动；
文本对齐：居中；
字体大小：粗体；
高度：48px；
线高：48px；
光标：指针；
显示：内联块；
字号：1em；
左边距：10px；
位置：绝对位置；
左：220px；
顶部：8px；
左侧填充：10px；
右边填充：10px；
}
#价格{
高度：43px；
线高：43px；
字体大小：粗体；
颜色：#5858；
显示：内联块；
字号：1em；
}
希德姆先生{
显示：无！重要；
}

嘿，我是个漂亮的纽扣

问题是你的逻辑回到了前面；当元素不是空（

！=

）而不是（

=

）时，只需应用该类：

$（'price'）。在（'keyup'，function（）上{
$（“#btn1”）.toggleClass（'hideme'，$（'#price'）.val（）！=''；
})

#btn1{
背景#0088cc；
颜色：#ffffff；
宽度：自动；
文本对齐：居中；
字体大小：粗体；
高度：48px；
线高：48px；
光标：指针；
显示：内联块；
字号：1em；
左边距：10px；
位置：绝对位置；
左：220px；
顶部：8px；
左侧填充：10px；
右边填充：10px；
}
#价格{
高度：43px；
线高：43px；
字体大小：粗体；
颜色：#5858；
显示：内联块；
字号：1em；
}
希德姆先生{
显示：无！重要；
}

嘿，我是个漂亮的纽扣

问题是你的逻辑回到了前面；当元素不是空（

！=

）而不是（

=

）时，只需应用该类：

$（'price'）。在（'keyup'，function（）上{
$（“#btn1”）.toggleClass（'hideme'，$（'#price'）.val（）！=''；
})

#btn1{
背景#0088cc；
颜色：#ffffff；
宽度：自动；
文本对齐：居中；
字体大小：粗体；
高度：48px；
线高：48px；
光标：指针；
显示：内联块；
字号：1em；
左边距：10px；
位置：绝对位置；
左：220px；
顶部：8px；
左侧填充：10px；
右边填充：10px；
}
#价格{
高度：43px；
线高：43px；
字体大小：粗体；
颜色：#5858；
显示：内联块；
字号：1em；
}
希德姆先生{
显示：无！重要；
}

嘿，我是个漂亮的纽扣