javascript - Jqueryはクリック時にcssを変更します.

Question

ここにページがあり、ボタンをクリックしたいときにコンテンツを非表示にするコードを記述しますが、エラーがあります:

http://jsbin.com/EVEWOta/2/edit

およびjqueryコード:

$('#button').click {
  $('#firstPage').css('display', 'none');
}

Answer 1

.on()(と)のようになります

$('#button').on('click',function(){
    $('#firstPage').css('display', 'none');
});

または、単純に (Without .on())のように書くこともできます。

$('#button').click(function() {
    $('#firstPage').css('display', 'none');
});

Answer 2

正しい方法で使用.on()または機能する必要があります。.click()また、.hide()代わりに使用します.css()

$('#button').on('click', function() {
  $('#firstPage').hide();
});

$('#button').click(function() {
  $('#firstPage').hide();
});

Answer 3

このようにしてみてください

$('#button').click(function() {
  $('#firstPage').css('display', 'none');
})

Answer 4

ハンドラー(eventObject)を追加しませんでした

これを試して。

$('#button').click(function() {
  $('#firstPage').css('display', 'none');
});

あなたのフィドルからは、

$('#firstPage').hide間違っている

代わりは

$('#firstPage').hide();