淘先锋技术网

首页 1 2 3 4 5 6 7

jquery点击按钮 数字改变

jQuery 是一种 JavaScript 库，能够帮助开发者快速地创建高效简洁的代码。当我们需要使用 jQuery 创建一个数字改变按钮时，可以很轻松地实现。以下是示例代码：


<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
      $(document).ready(function(){
        var counter = 0; // 设置初始计数器值为 0
        $("#btn").click(function(){ // 点击事件绑定
          counter++; // 计数器加一
          $("#number").html(counter); // 更改数字
        });
      });
    </script>
  </head>
  <body>
    <p id="number">0</p> 
    <button id="btn">增加</button> 
  </body>
</html>

jquery点击按钮 数字改变

如上所示，我们要做的是：

  • 设定计数器初始值为 0。
  • 绑定按钮的点击事件。
  • 在点击事件中，更新计数器的值，然后将新的值显示在 HTML 页面上。

在代码中，我们使用了 HTML5 的 p 标签包裹段落，并将代码使用 pre 标签包裹在一起，以便更好地展示示例代码。