jQueryでボタンを押したときに色を消す

●スクリプト

<script type="text/javascript">

$(function(){

  $("button#yamato").click(function(){

    $("p").removeClass("red");

  })

});

</script>

●HTML

<button id="yamato">ここをクリックすると色が消えます</button>

<p class="red">東京</p>

●CSS

p.red{

color: red;

}

最初に、ブラウザには赤い文字で東京と表示される。

これは、CSSのredが効いているからである。

この状態で、ボタンを押すと、イベントが発生し

スクリプトが動く。

スクリプトでは、pタグのclassであるredを削除している。

よって、東京という文字から赤のスタイルが外れることになり、

結果として、色が黒（標準）に戻る。

サンプルソース

http://tokyo-webs.jp/sample_source/130312c/

東京ウェブ制作