クリックイベントでhtml要素を変更（差し替え）する - レクチャーサイト

02クリックイベントでhtml要素を変更（差し替え）する

jQueryの練習です

ボタンのID名 #chapter-5-2-btn
操作したい要素 h3

$(function(){
  $('#chapter5-2-btn').click(function(){
    $('h3').html('<span class="red">テキストの色も変わります</span>');
  });
});

-- css --
.red {
  color: #ff0000;
}
.blue {
  color: #0000FF;
}