jQuery dataの利用

jQuery dataオブジェクトを利用するサンプルです。

ボタンを押してください

ソースコード：

<script type="text/javascript">
$(function(){
    $("#btn01f").click(function(){
        $("#divMsg03").data("test1", "test1 data");
        $("#divMsg03").data("test2", {a:1, b:2});
        $("#divMsg03").data("test3", "data remove test");
        $("#divMsg03").data("test4", function(name){return "helo " + name + ".";});
        $("#divMsg03").html(
            "test1=" + $("#divMsg03").data("test1") + "<br/>" +
            "test2.a=" + $("#divMsg03").data("test2").a + "<br/>" +
            "test2.b=" + $("#divMsg03").data("test2").b + "<br/>" +
            "test3=" + $("#divMsg03").data("test3") + "<br/>" +
            "test4=" + $("#divMsg03").data("test4")("koma") + "<br/>" +
            ""
        );
        
        $("#divMsg03").append("●remove test3 data.<br/>");
        $("#divMsg03").removeData("test3");
        $("#divMsg03").append("test3=" + $("#divMsg03").data("test3") + "<br/>");
    });
});
</script>
<div id="divMsg03">ボタンを押してください</div>
<button id="btn01f">確定</button>