body直前または直後に新たなタグを挿入したい

JS使って特定のタグなんかに対して強制的にタグを入れちゃいます
今回はbodyの前に挿入してみました。
addClass(body)の所をid(#hoge)やclass(.hoge)にしての応用も可能。

    var gazou = document.createElement("img");
    $(gazou).addClass("kandenend");
    gazou.src="http://test.com/img/gazou.gif";
    $("body").before(gazou);

$("body").before(gazou);をJQuery使わないとこうなる。
というか気づくまでこう書いてた。

    document.getElementsByTagName('body')[0].appendChild(gazou);

ちなみにこれをフローティング(画面の定位置に常時表示)させて、
clickイベントを付与したかったのが本音。
で、サイト(主にブログ)のデザインをジャックするということをやってました。

JS
function add() {
    $("*").addClass("jack");
});

$(document).ready(function () {
    var gazou = document.createElement("img");
    $(gazou).addClass("kandenend");
    gazou.src="http://test.com/img/gazou.gif";
    $("body").before(gazou);

    $("img.gazou").click(function(){
        add();
    });
});

CSS
#body.jack{
    background: red;
}
img.gazou{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
}

position:absoluteでフローティングしてる画像をクリックすると背景赤くしちゃうよ！