Javascript 如果input或div被禁用，则添加一个类

我有一个简单的联系表单，我有提交输入禁用，直到所有输入至少有一些文本

问题：问题是我将类分配给了这个提交输入，hover/active®ular；所以即使它被禁用了，看起来也不是因为悬停状态仍然和普通类一样有效

问题：我可以通过告诉提交输入添加类（如果禁用）来将类添加到提交输入中吗？我该怎么办？我是JS/jQuery新手

我的代码如下：

$（文档）.ready（函数（）{
变量$submit=$（“输入[type=submit]”），
$inputs=$（'input[type=text]，input[type=email]）；
函数checkEmpty（）{
返回$inputs.filter（函数（）{
返回！$.trim（此.value）；
}).长度===0；
}
$inputs.on（'blur'，function（）{
$submit.prop（“禁用”！checkEmpty（））；
}).blur（）；
});
输入{
宽度：100%；
大纲：无；
填充：15px；
边缘底部：5px；
字号：1em；
字号：500；
}
.contact_btn{
背景色：#FC354C；
颜色：白色；
大纲：无；
边界：无；
字体大小：14px；
字号：700；
填充：15px 25px；
边界半径：3px；
文本转换：大写；
边缘顶部：10px；
-moz盒阴影：rgba（0,0,0,0.2）0 7px 42px；
-webkit盒阴影：rgba（0,0,0,0.2）0 7px 42px；
盒影：rgba（0,0,0,0.2）0 7px 42px；
过渡：所有0.1秒轻松；
}
.联系人：悬停{
背景色：#fc4f63；
}
.联系人：活动{
背景色：#fb0421；
-moz变换：scale3d（0.94,0.94,0.94）；
-ms变换：scale3d（0.94,0.94,0.94）；
-webkit转换：scale3d（0.94,0.94,0.94）；
变换：scale3d（0.94,0.94,0.94）；
-moz盒阴影：rgba（0,0,0,0.2）0 3px 18px；
-网络工具包盒阴影：rgba（0,0,0,0.2）0 3px 18px；
长方体阴影：rgba（0,0,0,0.2）0 3px 18px
}

要在禁用悬停效果时删除悬停效果，请将css代码更改为如下所示
。按钮：hover:：enabled
。仅当按钮启用时才适用。但是，
属性被禁用是无效的。在
s上，您可以使用CSS选择器
“输入[禁用]”
。也可以是。您可以尝试
var el=$（元素）；el.toggleClass（'className'，el.is（“：disabled”）
您可以在提交按钮上使用jquery addClass（）函数，$submit.addClass（）@toastal谢谢！这正是我要找的。
.contact_btn:hover:enabled{
   /* this will only show when the button is enabled, */
   /* and the user is hovering over it.. */
}