参考書のアニメーション効果のコードがわからない。

Question

前提・実現したいこと

web制作の現場で使うjQueryデザイン入門[改訂新版]（西畑一馬　アスキー・メディアワークス）
画像を切り替える際このようなコードがあり、２行目の+$(this)と("href")+のこの+をつける意味がよくわかりません。
どなたかわかりやすく教えていただけないでしょうか。
よろしくお願いいたします。

該当のソースコード

$(function(){
$("#navi a").click(function(){
$("#main img").before("<img src='"+$(this).attr("href")+"' alt=''>");
$("#main img:last").fadeOut("fast",function(){
$(this).remove();
});
return false;
});
});

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[ockeghem]

参考書の書名や著者名、出版社などを追記してください。そうしないと、引用要件を満たせず、著作権上問題です。

[退会済みユーザー]

追記いたしました。
知らなかったとはいえ、大変申し訳ございません。

Answer 1

文字列を連結しているだけです。
"<img src='" + $(this).attr("href") + "' alt=''>"
↓
"<img src='http://example.com' alt=''>"