jQuery內部插入和外部插入

2021-10-14 18:13:02 字數 1229 閱讀 2413

不管是內部插入還是外部插入 ,都分為前面插入跟後面插入(這是什麼虎狼之辭…說正經的)

在內部末尾新增

在內部開頭新增

prepend:是對匹配到的物件元素進行內容的追加

書寫格式是:$("#box").prepend("abcd")/

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是在#box裡的開頭新增abcd

prependto:把所有匹配的元素追加到另乙個指定的元素的集合中

書寫格式是:abcd.prependto($("#box"))//

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是把abcd新增到#box裡的開頭

在外部末尾新增

after:在每個匹配的元素之後插入內容

書寫格式是:$("#box").after(abcd)

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是把abcd新增到#box的開頭中

inserafter:把所有匹配的元素插入到另乙個、指定的元素元素集合的後面。

書寫格式是:abcd.inserafter($("#box"))

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是把abcd新增到#box的外部末尾

在外部開頭新增

before:在每個匹配的元素之前插入內容

書寫格式是:$("#box").beforer("abcd")

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是在#box裡的開頭新增abcd

inserbefore:把所有匹配的元素插入到另乙個、指定的元素元素集合的前面

書寫格式是:abcd.inserbefore($("#box"))

$("#box")是匹配的物件元素 ,abcd 是追加的內容

簡單說就是把abcd新增到#box的開頭外

DOM的內部插入和外部插入

返回值都是最前面呼叫這個方法的元素 這是外部插入 div insertbefore span 把div插在span的前面,返回值是 div div before span div的前面是span span在div前面 返回值是 div div insertafter span 把div插在span的...

jQuery節點的新增和插入

描述 在父元素的最後面新增子元素 示例 html 我想說 jquery 結果 我想說 你好 描述 將子元素追加到父元素的最後面。示例 html 我想說 結果 我想說 你好 3 父元素.prepend 子元素 方法函式 描述 將子元素追加到父元素的最前面 示例 html 我想說 結果 你好我想說 4 ...

jquery插入物件位置

一 after 和before 方法的區別 after 其方法是將方法裡面的引數新增到jquery物件後面去 如 a.after b 的意思是將b放到a後面去 before 其方法是將方法裡面的引數新增到jquery物件前面去。如 a.before b 的意思是將a放到b前面去 二 insertaf...