问题出在按钮$('#confirm')事件重复绑定上, 将中间那段代码修改如下即可:
公司主营业务：网站设计制作、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出荥阳免费做网站回馈大家。
$("#confirm").off().on('click', function () {
var txt = $("#aaa").val();
n.html(txt);
$("#insert_txt").prop("hidden", true);
});
还提供了另外一个实现办法供参考:
(function () {
var $td;
var inputDiv = $('#insert_txt');
var input = $('#aaa');
var btn = $('#confirm');
$("table").on('click', "td", function (e) {
$td = $(e.currentTarget);
inputDiv.prop("hidden", false);
});
btn.on('click', function () {
$td.html(input.val());
inputDiv.prop("hidden", true);
});
})();
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。
2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
扩展资料：
$(this)生成的是什么？
$()生成的是什么呢？实际上$()=jquery()，就是说返回的是一个jquery的对象。
通常我们为了简便直接使用$()。实际上，该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context)，以jQuery包装集的形式返回。
context可以是Dom对象集合或jQuery包装集，传入则表示要从context中选择匹配的对象，不传入则表示范围为文档对象(即页面全部对象)，即$(selector)=$(selector,document)。
this指的是，调用函数的那个html对象。
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性值。
参考资料：百度百科-this关键字
$this只是个自定义的变量；
$(this)是将当前don对象转换成jquery对象 ；
一般定义jquery变量习惯$开头，提高可读性而已。
$(this)是把DOM对象封装成jquery对象，其相当于一个集合。
用法如下：
a href="" target="_blank" data-id="1010000000125418"jQuery/a
$('a').click(function(){
this.innerHTM==$(this).html()=='jQuery';//三者是一样的.
this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的;
this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的;
this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的;
});