在jQuery中,添加元素的方法有append(),prepend和 after(),before()兩種共四個。但很多人對他們的使用有點混淆,今天就來分析一下。

append()和prepend()的作用

例:JQuery向元素中插入內容

<div id="mochu">
    <li>我是中間</li>
</div>
<script>
    $('#mochu').append('<li>我是尾巴</li>');
    $('#mochu').prepend('<li>我是頭部</li>');
</script>

執行結果

<div id="mochu">
    <li>我是頭部</li>
    <li>我是中間</li>
    <li>我是尾巴</li>
</div>

分析結果:

append()用于在被選元素的結尾插入元素。

prepend()用于在被選元素的開頭插入元素。

国产视频appafter() 和 before() 的作用

例:jquery向指定元素前后插入元素

<p id="mochu">我是中間</p>
<script>
    $('#mochu').before('<p>我是頭部</p>');
    $('#mochu').after('<p>我是尾巴</p>');
</script>

運行結果:

<p>我是頭部</p>
<p id="mochu">我是中間</p>
<p>我是尾巴</p>

分析結果

after()用于在被選元素之后插入內容。

before()用于在被選元素之前插入內容。

總結:

国产视频app通過上面的兩個小示例,我們可以很清晰的看出append()和prepend()與after()和before()的區別

国产视频appappend()和prepend():是向指定的元素內部插入元素

国产视频appafter()和before():是向指定的元素前臺插入元素