Javascript 输入字段中的值更改时Css更改。jQuery

var footer email=$（'footer#footer input.email'）；
var footerEmailLength=footerEmail.val（）.length；
var footerEmailCaptcha=$（“footer#footer.captcha hide”）；
footerEmail.focus（函数（）{
css（“显示”、“块”）；
});
footerEmail.blur（函数（）{
如果（页脚电子邮件长度>0）{
css（“显示”、“块”）；
}
else if（footerEmailLength==0）{
css（“显示”、“无”）；
}
});
.captcha隐藏{
显示：无；
}

测试
您必须给出
var footerEmailLength=footerEmail.val（）.length内部模糊功能

模糊功能应如下所示：

footerEmail.blur( function() {
        var footerEmailLength = footerEmail.val().length;
        if(footerEmailLength > 0) {
            footerEmailCaptcha.css("display","block");
        }
        else if (footerEmailLength == 0) {
            footerEmailCaptcha.css("display","none");
        }

如果使用类作为选择器，则更改
footerEmail.val（）.length
发送至页脚电子邮件[0].val（）.length

运行代码


var footerEmail=$（'.email'）；
var footerEmailCaptcha=$（“.captcha隐藏”）；
footerEmail.focus（函数（）{
css（“显示”、“块”）；
});
footerEmail.blur（函数（）{
var footerEmailLength=footerEmail[0].val（）.length；
如果（页脚电子邮件长度>0）{
css（“显示”、“块”）；
}
else if（footerEmailLength==0）{
css（“显示”、“无”）；
}
});
.captcha隐藏{
显示：无；
}

测试
我们很难在没有看到所有相关代码的情况下帮助您指定，HTML CSSY您的选择器太长了。由于
id
在DOM中应该是唯一的，因此您最多可以将其缩短为
#页脚订户表单。表单项目邮件输入。电子邮件
，甚至可能更小。缓存对象将有助于您已经在创建
footerEmail
变量。为什么不在以后的代码中使用它，而不是重复那个过长的选择器呢？我将进行编辑，几分钟后回来。谢谢。它就像一个符咒。现在对我来说这是有道理的。