東京ウェブ制作ブロマガ

jQueryでボタンを押したときに写真を変更する

2013/03/11 23:28 投稿

  • タグ:
  • 登録タグはありません
  • タグ:
  • 登録タグはありません
<script type="text/javascript">
$(function(){
  $("button").click(function(){
    $("img").attr("src","neko.png")  
  })
});
</script>

<p>ボタンを押すと、犬の写真が猫に変わります。</p>
<button>画像を変更する</button>
<img src="inu.png">


もともとは犬の画像を表示させている。
しかしjQueryによって、ボタンクリック時のイベントをきっかけに
画像を猫の画像に差し替えている。

サンプルソース

ブロマガ会員ならもっと楽しめる!

  • 会員限定の新着記事が読み放題!※1
  • 動画や生放送などの追加コンテンツが見放題!※2
    • ※1、入会月以降の記事が対象になります。
    • ※2、チャンネルによって、見放題になるコンテンツは異なります。
東京ウェブ制作ブロマガ

東京ウェブ制作ブロマガ

大和賢一郎

月額:¥550 (税込)

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事

継続入会すると1ヶ月分が無料です。 条件を読む

東京ウェブ制作チャンネル

東京ウェブ制作チャンネル

月額
¥550  (税込)
このチャンネルの詳細