添加節(jié)點方法

• 內部插入

append(content|fn)
appendTo(content)
會將元素添加到指定元素內部的最后

prepend(content|fn)
prependTo(content)
會將元素添加到指定元素內部的最前面

• 外部插入

外部插入
after(content|fn)
會將元素添加到指定元素外部的相鄰后面

before(content|fn)
會將元素添加到指定元素外部的相鄰前面

insertAfter(content)
insertBefore(content)

刪除節(jié)點方法

    刪除自身節(jié)點
    remove([expr])
    detach([expr])
    刪除指定元素, 刪除指定元素的內容和子元素, 指定元素自身不會被刪除
    empty()
    注意點: detach刪除之后再重新添加,原有事件可以響應
           利用remove刪除之后再重新添加,原有的事件無法響應

替換節(jié)點的方法

替換
replaceWith(content|fn)
replaceAll(selector)
替換所有匹配的元素為指定的元素

復制節(jié)點方法

• clone()方法傳入false參數(shù)就是淺復制, 如果傳入true參數(shù)就是深復制
  淺復制只會復制元素, 不會復制元素的事件,默認
  深復制會復制元素, 而且還會復制元素的事件

    //淺復制(默認)false
    $("button").eq(0).click(function () {
        var $li = $("li:first").clone(false);
        $("ul").append($li);
    });

    //深復制true
    $("button").eq(1).click(function () {
        var $li = $("li:first").clone(true);
        $("ul").append($li);
    });


    //li注冊事件
    $("li").click(function () {
        alert($(this).html());
    });