append()和appendTo(),prepend()和prependTo()區別
阿新 • • 發佈:2017-09-03
結果 關鍵詞 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()區別