欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 追加元素的方法如append、prepend、before

 更新時間：2014年01月16日 17:16:52   投稿：whsnow  
jQuery - 追加元素的方法有很多如append、prepend、before等等，下面為大家詳細(xì)介紹下

1.jQuery append() 方法

jQuery append() 方法在被選元素的結(jié)尾插入內(nèi)容。

實例

$("p").append("Some appended text.");

2.jQuery prepend() 方法

jQuery prepend() 方法在被選元素的開頭插入內(nèi)容。
實例 

$("p").prepend("Some prepended text.");

3、after() 和 before() 方法

jQuery after() 方法在被選元素之后插入內(nèi)容。
jQuery before() 方法在被選元素之前插入內(nèi)容。
實例 

$("img").after("Some text after"); 
$("img").before("Some text before");

下面腳本之家小編給補(bǔ)充一下

append() 方法在被選元素的結(jié)尾插入內(nèi)容。

prepend() 方法在被選元素的開頭插入內(nèi)容。

after() 方法在被選元素之后插入內(nèi)容。

before() 方法在被選元素之前插入內(nèi)容。

演示代碼：

<script type="text/javascript" src="http://common.jb51.net/jslib/jquery/jquery.min.js"></script>
<div class="testdiv">
 <ul>
  <li>第一個li標(biāo)簽</li>
 </ul>
</div>

<script>

 //append
 $('.testdiv ul').append('<li>append 插入的li</li>');
 //prepend
 $('.testdiv ul').prepend('<li>prepend 插入的li</li>');
 //after
 $('.testdiv ul').after('<li>after 插入的li</li>');
 //before
 $('.testdiv ul').before('<li>before 插入的li</li>');

</script>

運行后效果圖：

html結(jié)構(gòu)圖

相關(guān)文章

最新評論