十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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)
this. 不是jquery的是本来就有的 一般就是指的当前对象的变量
$(this) 就是当前标签选择器
$("a").click(function (){
$(this).css("color","red");
});
这样你点过的a标签就会变成红色
问题出在按钮$('#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);
});
})();
this是dom对象,比如
$("#div"),返回一个id为div的jquery对象,这是,如果是这样:
$("#div").fadeIn(400,function(){
this.innerHTML="some html code" //这个this是dom对象
$(this).html("other html code") //这个$(this)是jquery 对象
});