jQuery事件处理: on() 绑定事件
在jQuery中,on()
方法用于在选择的元素上添加一个或多个事件处理程序。
以下是使用 on()
方法绑定事件的基本语法:
$(selector).on(event, eventData, handler);
selector
: 用于匹配元素的jQuery选择器。event
: 一个或多个用空格分隔的事件名称。eventData
: 可选参数,想要传递给事件处理程序的数据。handler
: 当事件发生时执行的函数。
下面是一个实例,演示如何使用 on()
方法来绑定点击事件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery on() Event Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#myButton").on("click", function() {
alert("按钮被点击了!");
});
});
</script>
</head>
<body>
<button id="myButton">点击我</button>
</body>
</html>
在这个例子中,当按钮被点击时,会弹出一个警告框。
评论已关闭