javascript - クリック時に CSS 要素を変更する

Question

私は次のページに取り組んでいます 。

「あなたのメールアドレスで登録する」をブロックの中央に配置し、クリックしたときに (margin-top: 30px; を削除して) 一番上に移動したいと思います (このような大きなブロックを持たないという考えです)。

これをJS関数に追加するにはどうすればよいですか??

ありがとう！

Answer 1

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 2

基本的なガイドとして、これには jquery を使用することをお勧めします。

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

そのため、ID が target の項目をクリックすると、「.click() のハンドラが呼び出されました」という警告ボックスが表示されます。

クリックしたアイテムにスタイルを追加します

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

アイテムをヒットすると、それが実行され、margin-top:0; の CSS が追加されます。イベントをトリガーするアイテムである「this」に。

明らかに、#target をイベントをトリガーするアイテムの ID に変更する必要があります。.target を使用して、クラスのみのアイテムに適用することもできます。

詳細については、 http://jquery.comをご覧ください。

Answer 3

これを試してください：

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