jQuery中append()方法的使用

jQuery中的append()方法用于在匹配元素集合中的每个元素的末尾插入内容。它可以接受一个HTML字符串、DOM元素、文本节点或jQuery对象。

$("p").append("Some appended text."); 

上面这个例子中，append()方法会在所有匹配的

元素的末尾添加内容“Some appended text.”。

append()方法也可以接受一个函数参数，这个函数可以接受一个参数，这个参数是当前元素的索引号。函数的返回值将会被添加到当前元素的末尾。

$("p").append(function(index, html){
  return "This is paragraph number " + index;
});

上面这个例子中，append()方法会在每个

元素的末尾添加一段文本，文本的内容为“This is paragraph number + 索引号”。

append()方法也可以接受一个jQuery对象，这个对象中的所有元素都将被添加到当前元素的末尾。

$("p").append($("#myDiv"));

上面这个例子中，所有的

元素的末尾都会添加id为“myDiv”的元素。

jQuery中的append()方法可以用来在匹配元素集合中的每个元素的末尾插入内容，可以接受HTML字符串、DOM元素、文本节点或jQuery对象作为参数。