无法在jQuery的输入上添加类

Question

我无法在此输入中添加类：

这是jQuery：

$( ".payment_nr" ).addClass( "highred" );

HTML：

<div>
<input id="email" class="payment_nr" type="email" placeholder="marco@polo.com">
</div>

这是我要添加的CSS：

.highred{
-webkit-appearance: none;
-webkit-box-shadow: 0px 0px 7px 0px rgba(255,0,0,0.66);
-moz-box-shadow: 0px 0px 7px 0px rgba(255,0,0,0.66);
box-shadow: 0px 0px 7px 0px rgba(255,0,0,0.66);
}

奇怪的想法是，如果我将它应用于父作品：

$( ".payment_nr" ).parent().addClass( "highred" );

此外，如果我直接添加纯CSS，它的工作原理为：

$( ".payment_nr" ).css("background-color","yellow");

有人可以帮我用外部CSS直接在输入上添加它吗？

Answer 1

我不打算将此作为答案，而是让你尝试一些事情。

你有没有在评论中看到克里希纳的jsFiddle？他的榜样有什么问题吗？

您可以将该类添加到具有类payment_nr的所有元素：

$( ".payment_nr" ).addClass( "highred" );

或者您只能将其添加到类payment_nr的输入中：

$( "input.payment_nr" ).addClass( "highred" );

或者您可以将其添加到该特定输入元素的ID中：

$( "#email" ).addClass( "highred" );

您是否使用Chrome的F12（开发人员工具）观看元素以查看是否添加了该类？

再次：请在第一条评论中对the jsFiddle that Krishna created发表评论。你看到了吗？