<html>
<input type="button" id="btn" value="創建" οnclick=""></input>
<div id="adiv">
</div>
</html>
js方法一:
<script>
$(document).ready(function(){
$("#btn").on("click", function(){
$("#adiv").append($("<input type='text'></input>")) ;
});
});
</script>
js方法二:
<script>
$(document).ready(function(){
$("#btn").on("click", function(){
$("<input type='text'></input>").appendTo("#adiv");
});
});
</script>
js方法三:
<script>
$(document).ready(function(){
$("#btn").on("click", function(){
$("#adiv").append(function(){
return "<input type='text'></input>";
});
});
});
</script>
注:
append() 方法在被選元素的結尾(仍然在內部)插入指定內容。
appendTo() 方法在被選元素的結尾(仍然在內部)插入指定內容。
提示:append() 和
appendTo() 方法執行的任務相同。不同之處在於:內容和選擇器的位置,以及 append() 能夠使用函數來附加內容。