jQuery获取当前点击的对象元素(实现代码)

当我们要对当前点击的元素进行操作时，需要获取到该元素的对象。在jQuery中，可以通过以下方式获取当前点击的对象元素：

$(this)

其中，$(this)表示当前DOM事件指向的元素对象。例如，以下代码在点击一个按钮时会弹出该按钮的文本内容：

<button class="btn">Click Me</button>

$('.btn').click(function() {
  alert($(this).text());
});

另外，也可以使用事件对象event来获取当前点击的元素对象。事件对象event是在DOM事件触发时自动创建的，其中包含了一些事件的属性和方法。可以通过以下代码获取当前点击的元素对象：

$(event.target)

例如，以下代码在点击一个链接时会在控制台输出该链接的href属性值：

<a href="https://www.example.com">example</a>

$('a').click(function(event) {
  console.log($(event.target).attr('href'));
});

需要注意的是，事件绑定的选择器和事件触发的元素对象可能不完全相同。如果是使用委托事件来绑定事件，需使用以下代码获取当前点击的元素对象：

$(event.delegateTarget)

例如，以下代码在点击一个列表项时会在控制台输出该列表的id属性值：

<ul id="list">
  <li id="item1">item 1</li>
  <li id="item2">item 2</li>
</ul>

$('#list').on('click', 'li', function(event) {
  console.log($(event.delegateTarget).attr('id'));
});

以上就是使用jQuery获取当前点击的对象元素的完整攻略，包含了两条示例说明。