jquery - .click(function(){ で DIV の背景色を変更する

Question

jQuery .click(function(){ で背景色を変更するにはどうすればよいですか

緑の div 法線。クリックすると背景色が赤に変わります

<div class="stileone">
   Div Content
</div>

Answer 1

$(".stileone").on("click", function() {
    $(this).css("background", "red");
})

デモ

Answer 2

で作業し.on()ます。<div.stileone>イベントが発生したときにイベントをバインドし、関数内のオブジェクトを で'click'参照します。また、toggleClassは、イベントがトリガーされるたびにクラスを追加/削除します。<div.stileone>$(this)

jQuery:

$('.stileone').on('click',function(){
  $(this).css('backgroundColor','red');
  // OR: if you want to work with a class
  $(this).toggleClass('redClass');
});

CSS:

.redClass {
background-color: red;
}

Answer 3

divへのonclickイベントを見つけてから使用する必要があります

.css("background-color:#00000;);