jQuery .click 不断添加事件，而不是替换它

JS

使用jQuery的.click()方法可以给一个元素添加点击事件。但是默认情况下，每次调用.click()方法时，都会替换之前添加的点击事件。然而，有时候我们需要不断地添加点击事件而不是替换它。幸运的是，jQuery提供了一种解决方案，可以实现这个需求。

为了不替换之前添加的点击事件，我们可以使用jQuery的.on()方法来代替.click()方法。.on()方法可以指定多个事件处理程序，并且不会替换之前绑定的事件。这样，每次调用.on()方法时，都会添加一个新的点击事件，而不会替换之前已经存在的点击事件。

下面是一个简单的例子，演示了如何使用.on()方法来不断地添加点击事件：

html
<!DOCTYPE html>
<html>
<head>
  <title>不断添加点击事件</title>
  <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.JS"></script>
</head>
<body>
  <button id="myButton">点击我</button>
  <script>
    $(document).ready(function() {
      var clickCount = 1;
      $('#myButton').on('click', function() {
        alert('点击事件' + clickCount);
        clickCount++;
      });
    });
  </script>
</body>
</html>

在上面的例子中，我们给一个按钮绑定了点击事件，并在每次点击时弹出一个提示框。每次点击按钮时，都会显示一个不同的计数值，代表点击的次数。

在这个例子中，我们使用了.on()方法来添加点击事件，而不是使用.click()方法。这样，每次点击按钮时，都会执行一个新的点击事件处理程序。点击事件的计数值会不断增加，而不会被替换掉。

案例代码：

html
<!DOCTYPE html>
<html>
<head>
  <title>不断添加点击事件</title>
  <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.JS"></script>
</head>
<body>
  <button id="myButton">点击我</button>
  <script>
    $(document).ready(function() {
      var clickCount = 1;
      $('#myButton').on('click', function() {
        alert('点击事件' + clickCount);
        clickCount++;
      });
    });
  </script>
</body>
</html>

使用.on()方法不断添加点击事件

使用jQuery的.click()方法可以给一个元素添加点击事件。但是默认情况下，每次调用.click()方法时，都会替换之前添加的点击事件。然而，有时候我们需要不断地添加点击事件而不是替换它。幸运的是，jQuery提供了一种解决方案，可以实现这个需求。

为了不替换之前添加的点击事件，我们可以使用jQuery的.on()方法来代替.click()方法。.on()方法可以指定多个事件处理程序，并且不会替换之前绑定的事件。这样，每次调用.on()方法时，都会添加一个新的点击事件，而不会替换之前已经存在的点击事件。

在上面的例子中，我们给一个按钮绑定了点击事件，并在每次点击时弹出一个提示框。每次点击按钮时，都会显示一个不同的计数值，代表点击的次数。

在这个例子中，我们使用了.on()方法来添加点击事件，而不是使用.click()方法。这样，每次点击按钮时，都会执行一个新的点击事件处理程序。点击事件的计数值会不断增加，而不会被替换掉。