Javascript 使用jQuery更改边距值

Javascript 使用jQuery更改边距值,javascript,jquery,html,Javascript,Jquery,Html,我有下面的代码,如果有错误消息。然后,登录表单的边距顶部应为“0”,对于第一个错误消息,边距顶部应为“70px” 您输入了无效数据。请再试一次。 身份验证失败。请再试一次。 表格显示在这里 它可能是marginTop,我忘了jQuery是否可以接受全名,或者当有连字符时是否必须将其大写 编辑刚刚选中,页边空白顶部您可以在CSS中执行此操作: .login-form { margin-top: 0px; } .portlet-msg-error:first-child { ma

我有下面的代码,如果有错误消息。然后,登录表单的边距顶部应为“0”,对于第一个错误消息,边距顶部应为“70px”

您输入了无效数据。请再试一次。
身份验证失败。请再试一次。
表格显示在这里
它可能是
marginTop
,我忘了jQuery是否可以接受全名,或者当有连字符时是否必须将其大写


编辑刚刚选中,
页边空白顶部

您可以在CSS中执行此操作:

.login-form {
    margin-top: 0px;
}

.portlet-msg-error:first-child {
    margin-top: 70px;
}
jQuery中的相同内容是:

$('.login-form').css('margin-top', '0px');
$('.portlet-msg-error:first-child').css('margin-top', '70px');
因此,您可以看到,在这种情况下没有真正的理由使用jQuery。

尝试以下方法:

if(error)
{
 $(".login-form").css("margin-top", "0");
 $(".portlet-msg-error:first").css("margin-top", "70px");
}

“页边距顶部”:
页边距顶部:
都起作用。jQuery将把camelCase版本转换为完整的CSS名称?和登录框的页边距不正确(根据问题)。@Box9:感谢您的确认。;-——@马库斯维布罗:不再是了。呵呵,只是一个高信号,我该睡觉了这是不正确的伪类是
:first child
而不是
:first
不,first child将查找选择器的子元素.portlet msg error元素,这里我们查找的是first.portlet msg error,因此first是正确的。验证@Cybernate@Domenic酷,我不知道这一点。然而,我会争辩说,预期的目标是为任意列表中的第一个错误框增加一些额外的空白。您希望将此应用于发生此情况的所有实例,而不仅仅是页面上的第一个实例。OP希望为第一个错误框设置边距,因此不希望假设任何其他内容。@Ritesh您知道如何接受和回答堆栈溢出吗?它将结束这个问题。
$('.login-form').css('margin-top', '0px');
$('.portlet-msg-error:first-child').css('margin-top', '70px');
if(error)
{
 $(".login-form").css("margin-top", "0");
 $(".portlet-msg-error:first").css("margin-top", "70px");
}