DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> 淺談jQuery before和insertBefore的區別
淺談jQuery before和insertBefore的區別
編輯:JQuery入門技巧     

jQuery 中利用before和insertBefore可以達到在指定元素前插入指定內容,寫法上有區別

先看一個例子:

在<div class='div1'>div1</div>前面插入<div>toInsertContent</div>

實現:

$('<div>toInsertContent</div>').insertBefore($('.div1'));

或者

$('.div1').before('<div>toInsertContent</div>');

結果:

<div>toInsertContent</div>
<div class='div1'>div1</div>

錯誤寫法:

$('<div>toInsertContent</div>').before($('.div1'));

結果:

不但不會在div1前面插入元素,反而會把div1刪除

總結:

before前面是在哪個元素前面插入,後面是插入的內容元素

insertBefore前面是插入的內容元素 ,後面是在哪個元素前面插入

不能寫反了。

以上這篇淺談jQuery before和insertBefore的區別就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved