jQuery实现添加删除

用jQuery实现添加删除
用原生js实现的代码：https://blog.csdn.net/m0_53679993/article/details/124179917?spm=1001.2014.3001.5502

 <table id="employeeTable">
           <tr>
               <th>Name</th>
               <th>Email</th>
               <th>Salary</th>
               <th>&nbsp;</th>
           </tr>
           <tr>
               <td>Tom</td>
               <td>tom@tom.com</td>
               <td>5000</td>
               <td><a href="deleteEmp?id=001">Delete</a></td>
           </tr>
           <tr>
               <td>Jerry</td>
               <td>jerry@tom.com</td>
               <td>8000</td>
               <td><a href="deleteEmp?id=002">Delete</a></td>
           </tr>
           <tr>
               <td>Bob</td>
               <td>bob@tom.com</td>
               <td>10000</td>
               <td><a href="deleteEmp?id=003">Delete</a></td>
           </tr>
      </table>

      <div id="formDiv">
          <h4>添加新员工</h4>
          <table>
              <tr>
                  <td class="word">name:</td>
                  <td>
                      <input type="text" name="empName" id="empName">
                  </td>
              </tr>
              <tr>
                   <td class="word">Email:</td>
                   <td>
                       <input type="text" name="email" id="email">
                   </td>
               </tr>
               <tr>
                   <td class="word">Salary:</td>
                   <td>
                       <input type="text" name="salary" id="salary">
                   </td>
               </tr>
               <tr>
                  
                   <td colspan="2" align="center">
                       <button id="addEmpButton" value="abc">
                           Submit
                       </button>
                   </td>
               </tr>
          </table>

  /*
        1.添加
        2.删除
       */
      $('addEmpButton').click(function(){
          //1.收集输入的数据
            var $empName = $('#empName') 
            var $email = $('#email') 
            var $salary = $('#salary') 
            var empName = $empName.val() 
            var email = $email.val()
            var salary = $salary.vai()
            //2.生成对应的<tr>标签结构，并插入#employeeTable的tbody中
                $('<tr></tr>')
                .append('<td>'+empName+'</td>')// 拼串
                .append('<td>'+email+'</td>')
                .append('<td>'+salary+'</td>')
                .append('<td>< a href="deleteEmp?id="'+Date.now()+'>Delete</ a></td>')
                .appendTo('#employeeTable>tbody')

                //3.清除输入
                $empName.val('') 
                $email.val('')
                $salary.val('')
      })
      //给所有删除连接绑定监听
      $('#employeeTable a').click(clickDelete)
    //点击删除的回调函数
      function clickDelete(){
        
        var $tr =$(this).parent().parent()
        var name = $tr.children(':first').html()
        if(confirm('确定删除'+name+'吗?')){$tr.remove()}
        return false
      }