jQuery的append()方法可以將選擇器選中的元素添加到指定的另一個元素中的末尾。
例如,假設我們有以下HTML代碼:
<div id="target"> <p>這是目標元素的第一行</p> </div>
我們可以使用以下代碼將另一個段落元素添加到目標元素的末尾。
$('#target').append('<p>這是追加的元素</p>');
這將在目標元素的末尾插入一個新的段落元素,使HTML變為:
<div id="target"> <p>這是目標元素的第一行</p> <p>這是追加的元素</p> </div>
append()方法還可以接受用于表示要添加元素的變量和函數的參數。例如,我們可以使用以下代碼向目標元素中添加所有帶有class“ red”的列表項元素:
$('#target').append($('li.red'));
我們也可以使用一個函數來動態地創建要追加的元素,如下所示:
$('#target').append(function() { return '<p>這是追加的元素,它是由動態創建的</p>'; });
可以將多個元素一起傳遞給append方法,以在目標元素中添加它們。例如:
$('#target').append('<p>第一個元素</p>', '<p>第二個元素</p>')
它會將第一個和第二個元素都添加到目標元素的末尾。
上一篇引入外部css寫法
下一篇mysql中一對多查詢