サンプルはこちら。
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を使った表示制御で簡単ながらもある意味大技とも言えます。