jQuery从入门到熟练(30)

初级版本
<script type="text/javascript" src="jquery-1.10.1.js"></script><script type="text/javascript"> /* 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.val() //2. 生成对应的<tr>标签结构, 并插入#employeeTable的tbody中 /* <tr> <td>Bob</td> <td>[email protected]</td> <td>10000</td> <td><a href="deleteEmp?id=003">Delete</a></td> </tr> */ var $xxx = $("<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") .find("a") .click(clickDelete) //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 } </script>