淺談jQuery before和insertBefore的區(qū)別
jQuery 中利用before和insertBefore可以達(dá)到在指定元素前插入指定內(nèi)容，寫(xiě)法上有區(qū)別
先看一個(gè)例子：
在<div class='div1'>div1</div>前面插入<div>toInsertContent</div>
實(shí)現(xiàn)：
$('<div>toInsertContent</div>').insertBefore($('.div1'));
或者
$('.div1').before('<div>toInsertContent</div>');
結(jié)果：
<div>toInsertContent</div>
<div class='div1'>div1</div>
錯(cuò)誤寫(xiě)法：
$('<div>toInsertContent</div>').before($('.div1'));
結(jié)果：
不但不會(huì)在div1前面插入元素，反而會(huì)把div1刪除
總結(jié)：
before前面是在哪個(gè)元素前面插入，后面是插入的內(nèi)容元素
insertBefore前面是插入的內(nèi)容元素 ，后面是在哪個(gè)元素前面插入
不能寫(xiě)反了。
以上這篇淺談jQuery before和insertBefore的區(qū)別就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jquery無(wú)縫圖片輪播組件封裝，支持自動(dòng)輪播，手動(dòng)輪播，無(wú)縫銜接，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
使用jquery的ajaxSubmit()異步上傳圖片的捅死實(shí)現(xiàn)保存表單數(shù)據(jù)，具體演示代碼如下,感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
這篇文章主要介紹了jquery中ajax處理跨域的三大方式，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了jQuery樣式操作方法，并通過(guò)實(shí)際案例更淺顯的理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-10-10
ajax+jQuery實(shí)現(xiàn)級(jí)聯(lián)顯示地址的方法
這篇文章主要介紹了ajax+jQuery實(shí)現(xiàn)級(jí)聯(lián)顯示地址的方法,涉及jQuery操作Ajax實(shí)現(xiàn)級(jí)聯(lián)顯示的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
jQuery+css實(shí)現(xiàn)的點(diǎn)擊圖片放大縮小預(yù)覽功能示例【圖片預(yù)覽 查看大圖】
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的點(diǎn)擊圖片放大縮小預(yù)覽功能,結(jié)合實(shí)例形式分析了jQuery+css控制圖片放大、縮小預(yù)覽查看的相關(guān)操作技巧,需要的朋友可以參考下2020-05-05
Easyui 去除jquery-easui tab頁(yè)div自帶滾動(dòng)條的方法
這篇文章主要介紹了Easyui 去除jquery-easui tab頁(yè)div自帶滾動(dòng)條的方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05
jquery實(shí)現(xiàn)Slide Out Navigation滑出式菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)Slide Out Navigation滑出式菜單效果代碼,涉及jquery基于鼠標(biāo)事件操作頁(yè)面元素動(dòng)態(tài)變換的技巧,需要的朋友可以參考下2015-09-09
jquery ajax后臺(tái)返回list,前臺(tái)用jquery遍歷list的實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇jquery ajax后臺(tái)返回list,前臺(tái)用jquery遍歷list的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10