jQueryで背景色を変更する

Question

ID testの要素があります。私がそれをクリックすると、background-colorを赤色に変更します。私はこのように試しましたが、うまくいきません。

var main = function() 
 
{ 
 
    $("#test").click 
 
    { 
 
     function() 
 
     { 
 
      $(this).css("background-color","red"); 
 
     } 
 
    }; 
 
} 
 
$(document).ready(main);

div { 
 
    border: 1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <div>A</div> 
 
    <div>B</div> 
 
    <div id="test">!!!</div> 
 
    <div>C</div> 
 
</div>

Answer 1

あなたはあなたのコードに誤りがあります。 jqueryを使用してクリックイベントを定義する際の構文が正しくありません。それはする必要があります：

var main = function(){ 
$("#test").click(function() 
    {   //^---- { should be (
     $(this).css("background-color","red"); 
    }); 
} 
$(document).ready(main); 

Answer 2

あなたの呼び出し構文が間違っています。 click(function(){})のようなクリックを使用する必要があります。 。

var main = function(){ 
    $("#test").click(function(){ 
     $(this).css("background-color","red"); 
    }); 
} 

Answer 3

$(document).ready(function(){ 
 
    $("#test").click(function(){ 
 
     $(this).css("background-color","red"); 
 
    }); 
 
});

div { 
 
    border: 1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <div>A</div> 
 
    <div>B</div> 
 
    <div id="test">!!!</div> 
 
    <div>C</div> 
 
</div>

Answer 4

あなたはオブジェクトとしてCSSを適用することができます。あなたが持っている `（`と閉じる必要がありますする必要がありますをクリックした後

$("#myelement").css(my_css_class);