外部插入.after()

firefule發表於2021-09-09

      外部插入.after()、.before()、.insertAfter()和.insertBefore()與內部插入.prepend()和.prependTo()

1   .after(content)在匹配元素集合中的每個元素後面插入引數所指定的內容,作為其兄弟節點

2   .before(content)據引數設定,在匹配元素的前面插入內容

3   .after()和.before()共同點

   都是用來對相對選中元素外部增加相鄰的兄弟節點

   都可以接收HTML字串、DOM元素、元素陣列,或者JQuery物件,用來插入到集合中每個匹配元素的前面或者後面

   都支援多個引數傳遞after(div1,div2,...)

4   .after()和.before()不同

   after向元素的後邊新增html程式碼,如果元素後面有元素了,將後面的元素後移,然後將html程式碼插入

   before向元素的前邊新增html程式碼,如果元素前面有元素了,將前面的元素前移,然後將html程式碼插入

5   prepend向每個匹配的元素內部前置內容

6   prependTo把所有匹配的元素前置到另一個指定的元素集合中

7    .prepend()和.prependTo()的區別

   .prepend()將指定元素插入到匹配元素裡面作為他的第一個子元素(如果要作為最後一個子元素插入用.append())

   .prepend()和.prependTo()語法、插入的內容和目標的位置不同

   .prepend()選擇器表達是寫在方法的前面,作為待插入內容的容器,將要被插入的內容作為方法的引數

   .prependTo()正好相反,將要被插入的內容寫在方法的前面,可以是選擇器表示式或動態建立的標記,待插入內容的容器作為引數

8   .prepend()和.prependTo()實現同樣的功能,都是在被選元素之前插入

9   insertBefore在目標元素前面插入集合中每個匹配的元素

10   insertAfter在目標元素後面插入集合中每個匹配的元素

11   insertAfter將JQuery封裝好的元素插入到指定元素的後面,如果元素後面有元素了,將後面的元素後移,然後將JQuery物件插入

12   insertBefore將JQuery封裝好的元素插入到指定元素的前面,如果元素前面有元素了,將前面的元素前移,然後將JQuery物件插入

13   .before()和.insertBefore()實現同樣的功能

14   .before()和.insertBefore()的區別

   主要是語法、內容和目標的位置不同

   .before()選擇表示式在函式前面,內容作為引數

   .insertBefore()剛好相反,內容在方法前面,被放在引數裡元素的前面

15   .after()和.insertAfter()實現相同的功能

16   .after()和.insertAfter()的區別

   主要是語法、特別是(插入)內容和目標的位置不同

   .after()選擇表示式在函式的前面,引數是將要插入的內容

   .insertAfter()剛好相反,內容在方法前面,被放在引數裡元素的後面

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1834/viewspace-2817544/,如需轉載,請註明出處,否則將追究法律責任。

相關文章