单击时修改CSS元素

Question

我正在撰写以下页面：http://mockingbirdagency.com/thebox/bettercss/login-1.html 我知道Javascript很少，所以请为我愚蠢。

我希望“注册您的电子邮件地址”以块为中心，并点击其上方（通过删除margin-top：30px;）点击时（想法不是这么大）块）。

如何将其添加到JS函数??

谢谢！

Answer 1

您可能希望使用jquery作为基本指南：

$("#target").click(function() {
  alert("Handler for .click() called.");
});

因此，当您点击ID为target的项目时，会显示一个警告框，上面写着：“.click（）处理程序调用。”

所以现在你要为你点击的项目添加一个样式

$("#target").click(function() {
      $(this).css("margin-top","0");
    });

所以，现在你点击了这个项目，它运行并添加了margin-top的CSS：0;到'this'这是触发事件的项目。

显然，您需要将#target更改为您希望事件触发的项目的ID，您也可以使用.target并应用于只有一个类的项目。

在http://jquery.com

了解详情

Answer 2

在你的jquery点击处理程序

中

$(document).ready(function() {
    $('h1').click(function() {
        $('#details').toggle(500);
    });
});

你需要添加

$(this).css("margin-top","");

最终代码：

$(document).ready(function() {
    $('h1').click(function() {
        $(this).css("margin-top","");
        $('#details').toggle(500);
    });
});

Answer 3

试试这个：

$("#hh").click(function(){
    $(this).css("margin-top","0px");
});