我们知道，jquery中我们在指定元素的后面，或者前面添加一些HTML标签和标签内容，但是，在添加的过程中，当我们涉及到比如，添加的HTML标签里面有我们想用的变量，那么，当我们添加的时候可能会有一些小的陷阱。下面我就举例说明一下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<table border="1px solid" cellspacing="0px">
<thead>
p1806学生成绩
</thead>
<tbody>
<tr>
<th>姓名</th><th>成绩</th>
</tr>
</tbody>
<tfoot>
<tr #id="tr1">
<td>
姓名:<input id="name" >
</td>
<td>
成绩:<input id="score" >
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="点击提交" >
</td>
</tr>
</tfoot>
</table>
<script>
$('input:last').click(
function () {
var a=$("#name").val()
var b=$("#score").val()
$('tbody tr:last').after('<tr><td>'+a+'</td>' +
'<td>'+b+'</td></tr>')
}
)
</script>
</body>
</html>
这个简单的HTML是简单的动态提交成绩的功能，当然，这里没有把提交框清零，但是，在我们想要将我们取出来的变量值放进标签里面的时候，如果单独放进去，没有问题，但是一旦放进标签内部，他就会是一个a，而不是我们所要的a的变量的值，此时，我们可以用+号连接，解决这个问题。总结下来就是，只有放在引号外面，才叫变量，引号内部统统都会按照字符串处理。