Edit in JSFiddle

$(function () {
    $("p").hover(function () {
        $(this).addClass("hover");
    }, function () {
        $(this).removeClass("hover");
    });

    var bak_detach, bak_empty, bak_remove, bak_unwrap;
    var flag_detach, flag_empty, flag_remove, flag_unwrap;

    $("#Btn_Detach").click(function () {
        if (flag_detach) {
            $("#div1").html(bak_detach);
            flag_detach = false;
            $(this).val("detach");
        }
        else {
            bak_detach = $("#div1 p").detach();
            flag_detach = true;
            $(this).val("de-detach");
        }
    });

    $("#Btn_Empty").click(function () {
        if (flag_empty) {
            $("#div2 p").text(bak_empty);
            flag_empty = false;
            $(this).val("empty");
        }
        else {
            bak_empty = $("#div2 p").text();
            $("#div2 p").empty();
            flag_empty = true;
            $(this).val("re-empty");
        }
    });

    $("#Btn_Remove").click(function () {
        if (flag_remove) {
            $("#div3").html(bak_remove);
            flag_remove = false;
            $(this).val("remove");
        }
        else {
            bak_remove = $("#div3 p").remove();
            flag_remove = true;
            $(this).val("re-remove");
        }
    });

    $("#Btn_Unwrap").click(function () {
        if (flag_unwrap) {
            $("p").wrap("<div></div>");
            flag_unwrap = false;
            $(this).val("unwrap");
        }
        else {
            $("p").unwrap();
            flag_unwrap = true;
            $(this).val("wrap");
        }
    });
});
<input id="Btn_Detach" type="button" value="detach" />
<input id="Btn_Empty" type="button" value="empty" />
<input id="Btn_Remove" type="button" value="remove" />
<input id="Btn_Unwrap" type="button" value="unwrap" />

<br /><br />
<div id="div1">
    <p>Paragraph for detach</p>
</div>
<br />
<div id="div2">
    <p>Paragraph for empty</p>
</div>
<br />
<div id="div3">
    <p>Paragraph for remove</p>
</div>
div {
    border: solid 1px black;
}
p.hover {
    background-color: pink;
}