jQuery .click函数调用

jQuery是一个广受欢迎的javascript库，其中包括各种方法和函数来处理DOM，事件处理程序等。.click()是其中一个方法之一，它允许您向单击事件添加事件处理程序。

语法

$(selector).click(function)

参数

• function: 选择器匹配的元素被点击时要执行的函数。

示例

$(document).ready(function(){
  $("button").click(function(){
    alert("按钮已被点击");
  });
});

上面的代码会在页面文档加载完成后为所有button元素添加单击事件，当按钮被单击时，就会弹出一个警告框显示"按钮已被点击"的信息。

更多例子

为单个元素添加单击事件

$(document).ready(function(){
  $("#myButton").click(function(){
    alert("我是一个按钮！");
  });
});

为多个元素添加单击事件

$(document).ready(function(){
  $(".button").click(function(){
    alert("你单击了一个按钮！");
  });
});

为元素添加多个事件处理程序

$(document).ready(function(){
  $("#myButton").click(function(){
    alert("第一个事件处理程序。");
  });
  $("#myButton").click(function(){
    alert("第二个事件处理程序。");
  });
});

结论

jQuery .click()函数调用可以轻松添加单击事件处理程序到网页中的元素。无论是为单个元素还是为多个元素添加事件处理程序，都可以轻松实现。