jQuery利用例:HTMLを書き換える

サンプルはこちら。
http://jsdo.it/goto_jp/kq97

対象のオブジェクト内のHTMLを丸々書き換えます。

JavaScript

$(function(){

    //html()が空なら中身のHTMLを返す
    $(".view").click(function(){
        alert($(".box").html());
    });

    //html()に値を指定するとHTMLを書き換える
    $(".change").click(function(){
        $(".box").html("<p>test</p>");
    });

});

jQueryの html() は、通常のJavaScriptでいう innerHTML とほぼ同じ動きをします。
やろうと思えばページ全体のHTMLを書き換えられるので、jQueryを使った表示制御で簡単ながらもある意味大技とも言えます。