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);

    });

})();

相关问答

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

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

});