JQuery 操作HTML CSS（二）

$(function () {
    alert($("#pid").text());
});
$(function () {
    console.log($("#pid").html());
});
$(function () {
    console.log($("#aid").attr("href"));//取出属性
});

$(function () {
    $("#btn1").on("click", function () {
        $("#pid").append("这是新内容！");//这是在p标签内添加
    });
});

$(function () {
    $("#btn2").on("click", function () {
        $("#pid").before("往前增加新内容");//这是在p标签外添加
    });
});

function addHtmlEle() {
    $("#pid").append("<a href=‘http://www.baidu.com‘>新增链接</a>");
}

$(function () {
    $("#btn1").on("click", function () {
        //$("div").empty();//只移除元素
        $("div").remove();//包括div在内也全部删除
    });
});

$(function () {
    $("div").on("click", function () {
        alert($("div").height());
    });
});