jquery中append()方法與after()方法的區別
jQuery append() 方法
在被選元素(內部)的結尾插入內容,該內容變成該元素的子元素或節點。
append與被選擇的元素有邏輯上的聯絡,是在指定元素內部追加。
使用語法
$(selector).append(content)
使用例項
$('.a').append($('.c')); <div class='a'> //<---you want div c to append in this <div class='b'>b</div> <div class='c'>c</div> </div>
jQuery after() 方法
在被選元素之後插入內容,其內容變成元素的兄弟節點。
after與被選擇的元素並沒有什麼邏輯上的聯絡,是在指定元素外部且緊挨追加。
使用語法
$(selector).after(content)
$('.a').after($('.c')); <div class='a'> <div class='b'>b</div> </div> <div class='c'>c</div>
在jquery中進行元素末尾新增元素的具體操作中,有與這兩種使用方法。但是二者在具體使用上還是有區別的,append()方法在被選元素(內部)的結尾指定元素內部追加插入內容,而after()方法在被選元素之後指定元素外部且緊挨追加插入內容。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2768/viewspace-2831048/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jquery中append、prepend, before和after方法的區別jQueryAPP
- Python3中列表方法append()和extend()的區別PythonAPP
- jQuery中css()和attr()方法的區別jQueryCSS
- springdatajpa 中get××方法與find××方法的區別Spring
- ScheduledExecutorService中scheduleAtFixedRate方法與scheduleWithFixedDelay方法的區別
- 列表中的append,extend,+=,+的區別APP
- wait()方法與await()方法的區別AI
- jquery中dom節點操作方法empty和remove的區別jQueryREM
- URLSearchParams append() 方法APP
- jQuery中onload與ready區別jQuery
- C#中抽象方法與虛方法的區別詳解及示例C#抽象
- laravel中delete()方法和destroy()方法的區別Laraveldelete
- Map集合中value()方法與keySet、entrySet區別
- jQuery的append和appendTojQueryAPP
- 字串的match方法與正則的exec方法的區別字串
- Java中 equals() 方法和 == 的區別Java
- Array()與Array.of()方法區別
- jQuery基礎與js的區別jQueryJS
- over fit與underfit的區別與解決方法
- 在JavaScript中,DOM物件與jQuery物件的區別與轉換JavaScript物件jQuery
- vue中methods,computed,watch方法的區別Vue
- Python中函式和方法的區別Python函式
- activity和fragment中startactivityforresult方法的區別Fragment
- jquery中on方法原理分析jQuery
- jquery 中 $.map 的使用方法jQuery
- 淺談jQuery中的工具方法jQuery
- Java基礎-- ==號與equals()方法的區別Java
- python函式與方法的區別總結Python函式
- jquery中prop和attr的區別jQuery
- Jquery中attr和prop的區別jQuery
- jQuery之empty()與remove()方法jQueryREM
- jQuery中過濾方法slice()方法如何使用?jQuery
- 你真的瞭解靜態方法與例項方法的區別麼?
- 介面和列舉在方法中的區別
- python中類方法的區別是什麼Python
- IL角度理解C#中欄位,屬性與方法的區別C#
- ==和equals方法的區別
- Java中方法引用與Lambda區別 - foojayJava