我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery的this的简单介绍

jquery this用法

问题出在按钮$('#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);

});

})();

jq里面用this和用$(this)有什么区别

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关键字

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')//二者是一样的;

});


当前文章:jquery的this的简单介绍
文章位置:http://mswzjz.cn/article/dsdpcss.html

其他资讯