如果输入值为空，我需要什么jQuery来隐藏div类？

在我的选项面板中，我有一个部分，用户可以在其中输入他们的Twitter用户名。当前，如果该字段的值为空，Twitter图标将在我的网站上消失，这很好，因为这意味着div类已成功隐藏。但是，当我在字段中输入用户名时，div类仍然保持隐藏状态

这是我目前的jQuery：

<script type="text/javascript">
$(document).ready(function() {
if($('mytheme_twitter:empty')){$('.twitter').hide();}   
});
</script>

$（文档）.ready（函数（）{
if（$（'mytheme_twitter:empty'）{$（'.twitter'）.hide（）；}
});

---

我想它肯定少了什么。我需要添加另一个函数吗？如果是，我应该把它放在哪里？我有点像jquerynoob。

首先：对于这个用例，空的是错误的选择器

：empty选择没有子元素的所有元素（包括文本节点

更改逻辑以检查输入值是否为空

if($('.mytheme_twitter').val() === '' ){$('.twitter').hide();} 

您需要编写一个更改事件来处理该情况

$('mytheme_twitter') has to be   $('#mytheme_twitter')  If ID OR $('.mytheme_twitter') If Class

//

$（文档）.ready（函数（）{
if（$（'.mytheme_twitter'）.val（）=''）{$（'.twitter'）.hide（）；}
$（'.mytheme_twitter'）。on（'change'，function（）{
if（this.value！=''）{
$（'.twitter'）.show（）；
}
否则{
$（'.twitter'）.hide（）；
}
});
});

首先：对于这个用例，空的是错误的选择器

：empty选择没有子元素的所有元素（包括文本节点

更改逻辑以检查输入值是否为空

if($('.mytheme_twitter').val() === '' ){$('.twitter').hide();} 

您需要编写一个更改事件来处理该情况

$('mytheme_twitter') has to be   $('#mytheme_twitter')  If ID OR $('.mytheme_twitter') If Class

//

$（文档）.ready（函数（）{
if（$（'.mytheme_twitter'）.val（）=''）{$（'.twitter'）.hide（）；}
$（'.mytheme_twitter'）。on（'change'，function（）{
if（this.value！=''）{
$（'.twitter'）.show（）；
}
否则{
$（'.twitter'）.hide（）；
}
});
});

我会这样做：

<script type="text/javascript">
    $(document).ready(function () {
        var twitter = $(".twitterTextBox").val();
        if(twitter == "") {
            $(".twitterIcon").hide();
        } else {
            $(".twitterIcon").show();
        }
    });
</script>

$（文档）.ready（函数（）{
var twitter=$（“.twitterTextBox”）.val（）；
如果（twitter==“”）{
$（“.twitterIcon”）.hide（）；
}否则{
$（“.twitterIcon”）.show（）；
}
});

这仅在页面加载时检查输入。如果您希望Twitter图标在文本框中键入内容后显示，则必须添加事件侦听器，如

onkeyup

---

希望这有帮助。

我会这样做：

<script type="text/javascript">
    $(document).ready(function () {
        var twitter = $(".twitterTextBox").val();
        if(twitter == "") {
            $(".twitterIcon").hide();
        } else {
            $(".twitterIcon").show();
        }
    });
</script>

$（文档）.ready（函数（）{
var twitter=$（“.twitterTextBox”）.val（）；
如果（twitter==“”）{
$（“.twitterIcon”）.hide（）；
}否则{
$（“.twitterIcon”）.show（）；
}
});

这仅在页面加载时检查输入。如果您希望Twitter图标在文本框中键入内容后显示，则必须添加事件侦听器，如

onkeyup

---

希望这有帮助。

如果他们再次清空字段？如果他们再次清空字段？