练习：创建一个按钮，点击一次，则创建一个点击三次按钮，应该有三个输入框被创建出来。

原創

2020-06-01 14:43

创建一个按钮，点击一次，则创建一个<input type="text"><input>

点击三次按钮，应该有三个输入框被创建出来。

主要思路：

1. 页面上有一个div

2. 每次点击按钮时，用jQuery根据id获得这个div，然后用jQuery的append方法在已有的div里面添加<input type="button"></input>

<html>

</html>

js方法一：

$(document).ready(function(){
$("#btn").on("click", function(){
$("#adiv").append($("<input type='text'></input>")) ;
});
});

</script>

js方法二：

$(document).ready(function(){
$("#btn").on("click", function(){
$("<input type='text'></input>").appendTo("#adiv");
});
});

</script>

js方法三：

$(document).ready(function(){
$("#btn").on("click", function(){
$("#adiv").append(function(){
return "<input type='text'></input>";
});
});
});

</script>

注：

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

练习：创建一个按钮，点击一次，则创建一个 点击三次按钮，应该有三个输入框被创建出来。