jquery追加表单输入？

Question

我有这个 jquery 脚本，旨在附加输入框，它不会发生，我不知道为什么？

jquery:

$(document).ready(function() {
    $(".login").click(function(){
        $(".login").hide();
      $("div.swap").append("<input name="username" id="username" type="text" maxlength="16" />");

     });

});

html:

<div class="swap">
 <a class="login" href="#">Login</a>

  </div>

Answer 1

您的附加使用双引号将字符串括起来并放在字符串内部。试试这个：

$(document).ready(function() {
    $(".login").click(function(){
       $(this).hide();
       $('<input name="username" id="username" type="text" maxlength="16" />').appendTo("div.swap");
    });
});