淺談jQuery before和insertBefore的區(qū)別
jQuery 中利用before和insertBefore可以達(dá)到在指定元素前插入指定內(nèi)容，寫法上有區(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ò)誤寫法：
$('<div>toInsertContent</div>').before($('.div1'));
結(jié)果：
不但不會(huì)在div1前面插入元素，反而會(huì)把div1刪除
總結(jié)：
before前面是在哪個(gè)元素前面插入，后面是插入的內(nèi)容元素
insertBefore前面是插入的內(nèi)容元素 ，后面是在哪個(gè)元素前面插入
不能寫反了。
以上這篇淺談jQuery before和insertBefore的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)最簡單的切換圖效果【可兼容IE6、火狐、谷歌、opera等】
這篇文章主要介紹了jQuery實(shí)現(xiàn)最簡單的切換圖效果,可兼容IE6、火狐、谷歌、opera等瀏覽器,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JQuery調(diào)用綁定click事件的3種寫法,本文簡潔清晰的給出3種寫法的代碼示例,可以很方便的復(fù)制使用,需要的朋友可以參考下2015-03-03
基于jquery的實(shí)現(xiàn)簡單的表格中增加或刪除下一行
下面的代碼利用jquery簡單的實(shí)現(xiàn)表格中增加和刪除一行，很簡單。2010-08-08
這篇文章主要介紹了jQuery后代選擇器用法,以設(shè)置文本顏色的實(shí)例分析了后代選擇器的應(yīng)用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
本文主要是給大家分享了一則使用EasyUI實(shí)現(xiàn)同步樹的代碼，主要是使用遞歸實(shí)現(xiàn)，非常實(shí)用的方法，推薦給小伙伴們。2015-03-03
jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法,結(jié)合實(shí)例形式分析了jQuery圖片樣式與頁面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03
精彩的彈幕效果分享給大家，具有一定的參考價(jià)值，感興趣的朋友可以嘗試制作彈幕，具體內(nèi)容如下2016-07-07
動(dòng)態(tài)標(biāo)簽 懸停效果 延遲加載示例代碼
懸停效果、延遲加載想必大家都有見到過吧，在本文將為大家介紹下是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過2013-11-11
表頭固定(利用jquery實(shí)現(xiàn)原理介紹)
表頭固定應(yīng)該是一個(gè)用得比較多的功能，參考了網(wǎng)上幾個(gè)例子，在幾個(gè)常用瀏覽器下顯示不是很完美2012-11-11
jQuery實(shí)現(xiàn)手機(jī)號碼輸入提示功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號碼輸入提示功能,實(shí)例分析了jQuery針對手機(jī)號碼的判斷與提示相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04