jquert实现多个同名class元素单独点击事件 互不影响

可以通过给每个同名 class 元素添加不同的 ID，然后在 jQuery 中对每个 ID 进行单独绑定事件来实现。例如：

HTML 代码：

<div class="btn">按钮1</div>
<div class="btn">按钮2</div>
<div class="btn">按钮3</div>

jQuery 代码：

$('#btn1').click(function() {
  // 点击按钮1 触发的事件
});

$('#btn2').click(function() {
  // 点击按钮2 触发的事件
});

$('#btn3').click(function() {
  // 点击按钮3 触发的事件
});

另一种方法是使用 jQuery 的 each() 方法来遍历每个同名 class 元素，并对每个元素单独绑定事件。例如：

jQuery 代码：

$('.btn').each(function() {
  $(this).click(function() {
    // $(this) 表示当前点击的元素
  });
});

以上两种方法都能够实现多个同名 class 元素单独点击事件互不影响的效果。