📜  jQuery click()(1)

📅  最后修改于: 2023-12-03 14:43:08.758000             🧑  作者: Mango

jQuery click()

jQuery click()是一个jQuery方法,它允许程序员对指定元素添加点击事件处理程序。

使用方法
$(selector).click(function(){
  // code to be executed when the element is clicked
});

其中selector是要绑定点击事件的元素选择器,可以是HTML元素、CSS类、ID等,function则是在点击事件触发时要执行的代码块。

示例

HTML文件:

<!DOCTYPE html>
<html>
<head>
	<title>jQuery click() Demo</title>
</head>
<body>

	<button>Click me</button>

	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<script src="app.js"></script>
</body>
</html>

JavaScript文件:

$('button').click(function(){
	alert('You clicked on the button!');
});

当用户点击按钮时,alert会显示消息:'You clicked on the button!'。

其他参数

click()方法也可以接受其他参数,例如:

$(selector).click(function(event){
  // code to be executed when the element is clicked
});

// or

$(selector).click(data, function(event){
  // code to be executed when the element is clicked
});

第一个参数是一个事件对象,可以使用它来阻止默认行为,停止事件传播等。第二个参数是一个包含数据的对象,可以被传递给事件处理程序。

注意事项
  1. click()方法只对静态元素和在页面加载时初始化的动态元素起作用;
  2. 如果要对动态添加的元素绑定点击事件,可以使用on()方法;
  3. 因为click()方法自带事件绑定,所以无需在HTML中添加onclick属性。
参考资料
  1. jQuery click() Method
  2. jQuery.click()