jQuery的append()方法可以將選擇器選中的元素添加到指定的另一個(gè)元素中的末尾。
例如,假設(shè)我們有以下HTML代碼:
<div id="target"> <p>這是目標(biāo)元素的第一行</p> </div>
我們可以使用以下代碼將另一個(gè)段落元素添加到目標(biāo)元素的末尾。
$('#target').append('<p>這是追加的元素</p>');
這將在目標(biāo)元素的末尾插入一個(gè)新的段落元素,使HTML變?yōu)椋?/p>
<div id="target"> <p>這是目標(biāo)元素的第一行</p> <p>這是追加的元素</p> </div>
append()方法還可以接受用于表示要添加元素的變量和函數(shù)的參數(shù)。例如,我們可以使用以下代碼向目標(biāo)元素中添加所有帶有class“ red”的列表項(xiàng)元素:
$('#target').append($('li.red'));
我們也可以使用一個(gè)函數(shù)來(lái)動(dòng)態(tài)地創(chuàng)建要追加的元素,如下所示:
$('#target').append(function() { return '<p>這是追加的元素,它是由動(dòng)態(tài)創(chuàng)建的</p>'; });
可以將多個(gè)元素一起傳遞給append方法,以在目標(biāo)元素中添加它們。例如:
$('#target').append('<p>第一個(gè)元素</p>', '<p>第二個(gè)元素</p>')
它會(huì)將第一個(gè)和第二個(gè)元素都添加到目標(biāo)元素的末尾。