1. 程式人生 > >append()和appendTo(),prepend()和prependTo()區別

append()和appendTo(),prepend()和prependTo()區別

結果 關鍵詞 htm 內部 。。 color 執行 spa ()

關鍵詞:內部 插入 末端

$(目標元素).append(content) 在。。。。內部的末端插入內容

    html: <p>這是目標元素</p>

    jquery: $("p").append(",這是append插入部分")

那麽執行後的結果就是:

    html:<p>這是目標元素,這是append插入部分</p>

       

$(content).appendTo(目標元素) 把內容插入到。。。。內部的末端

    jquery: $("這是appendTo插入部分").appendTo("p")

結果:

    html:<p>這是目標元素,這是appendTo插入部分</p>

  


關鍵詞:內部 插入 首端

$(目標元素).prepend(content) 在。。。。首端的內部插入內容

    html: <p>這是目標元素</p>

    jquery: $("p").prepend("這是prepend插入的內容,")

那麽執行後的結果就是:

    html: <p>這是prepend插入的內容,這是目標元素</p>

$(content).prependTo(目標元素) 把內容插入到。。。內部的首端

    jquery: $("這是prependTo插入的內容,").appendTo("p")

那麽執行後的結果就是:

    html: <p>這是prependTo插入的內容,這是目標元素</p>

append()和appendTo(),prepend()和prependTo()區別