方式一:通过对象的方式,下面以表单元素为例:
//点击按钮,在div中创建一个按钮
$("#btn").click(function () {
//通过对象的方式
$("<input type='button' value='按钮'/>").appendTo($("#dv"));
});
方式二:通过innerHTML的方式创建元素
$("#btn").click(function () {
$("#dv").html("<input type='button' value='按钮'/>");
});
两者区别:
方式一:每点一次按钮,就会创建一个新的对象(按钮),可以一直创建;
方式二:无论点击多少次,只会出现一次,并且会把添加到的元素div中原本存在的东西覆盖掉。