用戶錄入
      

      用戶名:
      
      E-mail:
      
      電話:
      
      
      
    
  
  ----------------------------
  

  
    ----------------------------
    
    ----------------------------
  

    

      

        
用戶名
        
E-mail
        
電話
        
操作
      
    

      

        
喬峰
        
qiao@163.com
        
18212345678
        

          刪除
        
      
    

$(function () {
  $("#btn_submit").click(function () {
    // 獲取用戶輸入的值
    var usernameVal = $("#username").val();
    var emailVal = $("#email").val();
    var telVal = $("#tel").val();
    var tr = "" + usernameVal + "" + emailVal
      + "" + telVal
      + "刪除";
    $("#userTbody").append(tr);
  });
  // 全部刪除
  $("#btn_removeAll").click(function () {
    $("#userTbody").empty();
  });
  //刪除一行數(shù)據(jù)
  /*click只對(duì)本身頁(yè)面有的元素有作用，對(duì)于后面新加的元素，不起作用
     $(".myClz").click(function() {
       console.log(123);
     });
   */
  /*選擇id=userTbody元素下所有樣式名含有myClz的標(biāo)簽,并添加click事件
   *當(dāng)點(diǎn)擊后,向上一級(jí)找到tr元素，然后刪除
  */
  $('#userTbody').on('click', ".myClz", function () {
    $(this).closest('tr').remove();
  });
});