既存のタグにclassを付加して、CSSを指定するには

先日のCSS書き換えの応用です。

前回のはCSSをまるっきり書き換えてしまうため、
リロードしなければ元に戻せない…といった状態に陥ります。
今回の場合元に戻すにはremoveClass()でaddClassしたクラスを
消してあげることができるので融通が利くようです。

以下、実装について
js

$(document).ready(function () {
    //classを埋め込むタグを決める
    $("body").addClass("hoge");

    //cssを読み込む
    var cs = document.createElement("link");
    cs.rel="stylesheet";
    cs.href="http://test-test.com/css/hoge.css";
    cs.type="text/css";
    document.getElementsByTagName('head')[0].appendChild(cs);
});

css

body.{
    background: #00FF00;
    color: red;
    font-size: 16px;
}$

※既存のページの背景色を緑っぽくして、フォントの色を赤に、サイズを16pxに書き換えました。