jQuery DOM操作:attr()を使って、要素の属性値を制御(1)

CSSセレクタで、要素を指定、attr()で属性の値を取得します。次に変更する画像のhrefを取得した値に置き換えます。この場合のthisはクリックしたほうの要素を指します。
[左のソース]部分はクリックと連動して書き換わり、変更後のソースを確認できます。
$("#changei a").click(function(){
$("#st00 img").attr("src",$(this).attr("href"));
return false;})
  ダミー画像01に変更   ダミー画像02に変更   ダミー画像03に変更  ダミー画像04に変更  ダミー画像05に変更
こちらのダミー画像を変更 
左のソース