jquery回调函数中this的指向简单介绍

快乐打工仔 分类:实例代码

本章节简单介绍一下jquery回调函数中this执行的问题。

在事件处理函数中,this执行事件触发的那个元素,代码实例如下:

$("#click").click(function () {
  //this是指向id属性值为click的元素
});

在回调函数可能会各有不同,看如下代码:

$(function () {
  var _num = 1;
  $("#click").click(function () {
    var _ul = $("#ul");
    var _li = $("#ul li");
    var _len = _li.length;
    var _str = "<li style='display:none'>" + _num + "</li>";
    _li.eq(_len-1).fadeOut('slow',function () {
      $(this).remove();
    });
    ++_num;
    $(_str).prependTo(_ul).fadeIn('slow');
  });
});

fadeOut()中回调函数的this的执行是执行动画的元素。

在jQuery可能回调函数的this执行有所不同,具体需要翻阅文档或者自行测试一下。

回复

我来回复
  • 暂无回复内容