$("#bt2").on('click', function() {
//在test2元素前后插入集合中每个匹配的元素
//不支持多参数
$('<p style="color:red">测试insertAfter方法增加</p>', '<p style="color:red">多参数</p>').insertAfter($(".test2"))
})
难道没人发现这里增加了两个<p>标签?,可为啥只显示了第一个<p>标签呢?
因为不支持多参数啊,两个P中间用逗号分开了,就两个参数了
经实际操作 总结如下:
.append() .prepend() .after() .before()
都是方法(函数)在前,内容(参数)在后 可以支持多参数;
.appendTo() .prependTo() .insertBefore() .insertAfter() 都是内容(参数)在前,函数(方法)在后,不支持多参数