jQuery中的append方法是往選定的元素內部(子元素的最后位置)追加新元素內容。它可以添加一個或多個元素,并返回添加的元素。下面是使用append方法時的一些要點:
// 操作DOM元素 $(selector).append(content,function(index,html))
其中,selector是選定元素的選擇器,content是要追加的內容,function是可選的回調函數(shù)。這個函數(shù)在每個匹配元素的末尾插入新內容之后執(zhí)行。
使用append方法可以往頁面中添加新的HTML元素、文本、jQuery對象或DOM元素。我們可以將HTML內容作為字符串傳遞給append方法,如下所示:
$(document).ready(function(){ $("button").click(function(){ $("p").append("追加文本"); }); });
這里,我們監(jiān)聽了一個button元素的點擊事件,然后在p標簽里添加了粗體文本。結果如下:
這是一段普通的文本。
追加文本
除此之外,我們也可以追加一個整個的HTML代碼塊:
$(document).ready(function(){ $("button").click(function(){ $("ol").append("
這里,我們往一個有序列表里面添加了三個列表項,每一個都加了粗體標簽。結果是:
- 第一項
- 第二項
- 第三項
- 一
- 二
- 三
總的來說,使用jQuery中的append方法可以很方便地向頁面中添加元素。但是要注意好各個參數(shù)的用法,并且遵循良好的HTML語義。