一、定义元素监听事件
给dom对象绑定事件
$(选择器).事件名称(事件的处理函数)
// 事件名称：就是js中事件去掉on的部分，例如js中onclick事件，jquery中就是click事件
// 事件的处理函数：当事件发生时，执行这个函数的内容// 绑定一个单击事件
$("#btn").click(function (){
console.log("btn事件触发")
})// 为tr标签绑定onmouseover事件
$("tr").mouseover(function(){
console.log("hello")
})
二、on()绑定事件
on方法是在被选元素上添加事件处理程序
$(选择器).on(event,function)
// event 事件一个或多个，多个之间空格分开，js事件中去掉on部分
// function 可选，事件发生时的处理函数
on()绑定事件例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>on绑定事件</title>
<script src="jquery-3.7.0.js"></script>
</head>
<body>
<script>
$(function () {
$("#btn1").click(function () {
$("#mydiv").append("<input type='button' id='newbtn' value='新创建的button'>")
$("#newbtn").on("click", function () {
alert("我被点击了")
})
})
})
</script>
<div id="mydiv">
我是div，需要加入一个button
</div>
<input type="button" id="btn1" value="创建一个button">
</body>
</html>