jquery中的append方法
时间: 2023-11-20 21:11:49 浏览: 131
在 jQuery 中,`append()` 方法用于向元素的结尾添加指定内容。可以添加一个或多个元素、文本节点、HTML字符串或数组等。
语法如下:
```javascript
$(selector).append(content,function(index,html))
```
其中,`selector` 表示要添加内容的元素,`content` 表示要添加的元素、文本节点、HTML字符串或数组等,`function(index,html)` 是可选的,表示在添加内容之前可以对内容进行处理。
示例代码:
```html
<div id="myDiv">
<p>Hello World!</p>
</div>
```
```javascript
// 添加一个 <span> 元素
$("#myDiv").append("<span> - jQuery</span>");
// 添加多个元素
$("#myDiv").append("<p>How are you?</p>", "<p>Goodbye!</p>");
// 添加 HTML 字符串
$("#myDiv").append("<ul><li>Item 1</li><li>Item 2</li></ul>");
// 添加数组中的元素
var arr = ["apple", "banana", "orange"];
$("#myDiv").append("<ul>");
$.each(arr, function(index, value) {
$("#myDiv ul").append("<li>" + value + "</li>");
});
$("#myDiv").append("</ul>");
// 在添加之前处理内容
$("#myDiv").append(function(index, html) {
return "<p>" + html + "</p>";
});
```
以上代码将在 `#myDiv` 中添加不同的内容。可以根据需要自行修改。
阅读全文