文法：
$(選擇器).on(事件, 子選擇器, function() {})
舉例：點選“添加”按鈕添加一個輸入框和一個按鈕，并給按鈕綁定click事件
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.5.1.js"></script>
<script>
$(function () {
$("#add").click(function () {
$("#hobbies").append(
"<div>" +
"<input type='text'>" +
"<button class='hobby'>删除</button>" +
"</div>"
)
});
$("#hobbies").on("click", ".hobby", function () {
$(this).parent().remove();
});
})
</script>
</head>
<body>
<span>愛好：</span>
<button id="add">添加</button>
<hr>
<div id="hobbies">
</div>
</body>
</html>
在本例中，從代碼上可以看到，在“添加”按鈕的click事件觸發之前，我們已經為将來的“删除”按鈕綁定了click事件
div#hobbies是父選擇器，通過父選擇器為子選擇器綁定事件
![Javascript建構Bingo卡片遊戲[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)