javascript - ｊｑｕｅｒｙ为什么不能绑定删除事件，也不能清空ｉｎｐｕｔ？

Question

ＨＴＭＬ　

   <p class="add">
    <label for="name">姓名 <input type="text" id='name'></label>
    <label for="age">年龄 <input type="text" id='age'></label>
    <label for="femail">性别 <input type="text" id='femail'></label>
    <button type="buttom" id='test'>添加用户</button>

    <table id="table">
        <tr>
            <td>姓名</td><td>年龄</td><td>性别</td><td>操作</td>
        </tr>
    </table>
</p>


ＪＳ　代码  
        $("#test").on('click',function(){
            var name=$("#name").val()
            var age=$("#age").val()
            var femail=$("#femail").val();
            if(name&&age&&femail){
                var TR="<tr><td>"+name+"</td><td>"+age+"</td><td>"+femail+"</td><td><span><button class='del'/>删除</span></td></tr>"
                $("#table").append(TR);
                $("input").attr("value","");//这里为什么不能清空input
                
                $(".del").on('click',function(){ //这里为什么不能绑定时间
                    var tr= $(this).parent().parent().parent();
                    // alert(1);
                    tr.remove();
                })
                }
                else{
                    alert("不能为空")
                }            
        })

Answer 1

1. 用 val('') 来清空

2. button 标签需要闭合,不是自闭合

弄清楚原生:

el.setAttribute('value', '1')
el.value = '1'

jquery:

$(el).attr();
$(el).prop();

的区别.