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

});

相关问答

Q1: JQuery中this和event.target的区别

关于JQuery中this和event.target的区别如下：

1、js中的事件会冒泡，因此可以更改，

但是event.target不会更改，它始终指向触发事件本身的DOM元素；

2、假设htm是div span / span / div，单击span时，更改span的颜色。

如果使用this按钮单击span，则由于事件起泡机制，div将更改颜色。

但是使用event.target就不会。

扩展资料：

关于JQuery中this的用法举例

例1：

$("#btnConfirm").click(function(){alert($(this).val()); // ，在这里，this指的是这个ID为btnConfirm的选项,因为你现在点击的是ID为btnConfirm的选项,因此this就是它})

例2:

$("ul li").each(function(){alert( $(this).text()); // ，这里的this指的是迭代的每个li元素,因为每次迭代，得到的都是一个li元素,因此这个时候this 就代表着这个当前的li元素

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

    });

})();