jQuery中的append()方法可以向已有元素的結尾處添加新內容。它可以添加文本、HTML代碼或者其他jQuery對象。如果新添加的是一個DOM元素,則它將成為現有元素的子元素。在這里我們將重點介紹jQuery中的appendChild方法
// 1. 使用帶有文本內容的節點添加新的HTML內容 var p = document.createElement('p'); p.textContent = 'This is an appended paragraph.'; document.body.appendChild(p); // 2. 使用HTML字符串添加新的HTML內容 var htmlStr = 'This is an appended paragraph.
'; $('body').append(htmlStr); // 3. 使用jQuery對象添加新的HTML內容 var newElem = $('This is an appended paragraph.
'); $('body').append(newElem);
從以上三個例子可以看出,appendChild方法可以添加不同類型的數據到指定元素的末尾,它既可以添加純文本,也可以添加HTML字符串或者jQuery對象。jQuery中的append()方法則可以像appendChild方法一樣用來向元素添加新的數據。但是我們需要注意,jQuery對象中的append()方法應該只接受HTML字符串或者jQuery對象作為參數,而不是DOM元素。因此,我們需要將DOM元素轉化為jQuery對象后再使用append()方法添加子元素。