html是操作元素innerHTML属性, 直接操作这个属性会导致元素内部所有元素的事件绑定被清除
比如
$('div').append($('<span>').html('test').click(function(){alert('Click')}))
$('div').html($('div').html())
然後span上绑定的click事件就没了
after是在元素的同级到後面添加新元素
<div id="outer">
<div id="inner"></div>
</div>
$('#inner').after('<span>')
能把一个标签替换成另一个标签的是
replaceAll和replaceWith
html并不会把<div>变成<h2>
方法和详细的操作步骤如下：
1、第一步，打开html编辑器，创建一个新的html文件，例如index.html，然后编写基本代码，如下图所示。
2、第二步，完成上述步骤后，在index.html中的<script>标签中，输入js代码，如下图所示。
3、第三步，完成上述步骤后，浏览器运行index.html页面，并使用jquery删除所有span，如下图所示。这样，以上的问题就解决了。
<!DOCTYPE HTML><html>
<head>
<meta charset=UTF-8 />
<title>Tester</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ (":button").click (function ()
{
console.log ($ (".shanpinfo").val ())
})
})
</script>
</head>
<body>
<textarea class="shanpinfo" rows="10" cols="10" style="resize: none">对得到</textarea>
<button>test</button>
</body>
</html>
