javascript - Javascript onClick "display：none;" 動作しません

Question

クリックするとこの関数が実行される画像があります。

function img(num) {
    var src = "images/main" + num + ".jpg";
    document.getElementById("popover-image").src = src;
    $("#sheet").css("display", "block");
}

「X」（画像）をクリックすると、この関数が実行されます。

function close() {
    $("#sheet").css("display", "none");
}

しかし、それは機能しません。

これが私の画像の設定方法です：

<img src="images/x.png" alt="Exit" onclick="close()" />

Answer 1

John Koernerのコード：

$("#closeButton").click(function () {
    $("#sheet").css("display", "none");
});

イベントハンドラーが正しく接続されていませんでした。

Answer 2

クラス名を使用して、このようにすることもできます

( function($) {
  $(".btn-remove").click(function() {  
    $(this).css("display", "none");      
  });
} ) ( jQuery );

Answer 3

.cssjQuery関数を呼び出す方法を読んでいて、、、、またはを読ん.show()でいないことに少し戸惑っています。価値のあるものについては、ここに非表示機能ページへのリンクがあります。JQueryがその答えです。どこでも使わない理由が思いつかない。hide()attr()

私はあなたがやろうとしていることは次のとおりだと思います：

$(document).ready( function() {
  $("img").on("click", function(num) {
     var src = "images/main" + num + ".jpg";
     $("#popover-image").attr("src", src);
     $("#sheet").attr("display", "block");
  });
  $("img[alt=Exit]").on("click", function() {
     $("#sheet").attr("display", "none");
  });
});