$('body').append('');とは、つまりbodyタグの開始タグ直後に<div class="overlay"></div>が挿入され

タイトルが分かりにくくなってすいません、変更が出来ないのでそのままになっています。

ボールドテキスト$('body').append('<div class="overlay"></div>');

$('body').appendはbody内にHTMLを入れるという事。
body内に<div class="overlay"></div>を作ってください。
という意味と、聞いたのですが、つまりbodyタグの開始タグ直後に<div class="overlay"></div>が挿入されると言う事でしょうか？
それとも終了タグ直前に挿入されると言う事でしょうか？

<!-- lightboxyufu-images -->
            <script>
                // 下記画像をクリックすると、ライトボックスが始まる
                $('.pcimage,.tabletimage,.spimage').click(function(){
                  //背景のオーバーレイを作成
                  $('body').append('<div class="overlay"></div>');
                  //オーバーレイをフェードイン
                  $('.overlay').fadeIn('slow');

                  // モーダルコンテンツのIDを取得
                  var modal = '#' + $(this).attr('data-tutor');
                   // モーダルコンテンツフェードイン
                  $(modal).fadeIn('slow');
                  // 「.modal-overlay」あるいは「.modal-close」をクリック
                  $('.overlay, .close').off().click(function(){
                      // モーダルをフェードアウト
                      $(modal).fadeOut('slow');
                      // オーバーレイはフェードアウトしてから削除
                      $('.overlay').fadeOut('slow', function(){
                        $('.overlay').remove();
                    });
                  });
                });
            </script>