onClick添加输入字段

Question

我想在每次点击按钮时在DIV #mainC的中心添加透明输入文本字段。

JsFiddle

我尝试用jquery做这个但没有成功。

Answer 1

使用append()：

$("#abc").click(function() {
    $("#main").append('<input type="text" />');
});

演示：http://jsfiddle.net/6nkd5/5/

Answer 2

您的代码存在多处问题：

• 您多次使用相同的ID（ID只能使用一次，类可以多次使用）。
• 从外部JavaScript源调用函数将导致函数无法运行。
• 你正在尝试在未加载jQuery时使用jQuery
• $('<input type="aText" id="aText">').appendTo('#main')不是有效的jQuery，而是尝试使用：$('#main').append('<input type="text" id="aText">');
• aText不是有效的输入类型属性值

Answer 3

在jsfiddle的左上角没有选择库。尝试在那里选择jquery。

Answer 4

使用append()并尝试不指定内联onclick。您可以使用jQuery when document is ready注册该事件。以这种方式注册方法是首选，因为您将逻辑与HTML分开（检查unobtrusive javascript）。

这是你最好的方式：

$('#abc').on('click', function(){
    $('#mainC').append('<input type="aText" id="aText">')
})

同时检查jsfiddle

你对jsFiddle的问题还在于没有选择jQuery脚本。