Javascript 如何使用jQuery处理生成后的按钮？

我用javascript创建了按钮，并将它们添加到HTML中。我想用jQuery处理这些问题。如何开始工作，点击b_1和b_2

$（“#主按钮”）。单击（函数（）{
document.getElementById（“内容”）.innerHTML='Button1Button2'
})
$（“#b#1”）。单击（函数（）{
警报（“您已单击按钮1！”）；
})
$（“#b#u 2”）。单击（函数（）{
警报（“您已单击按钮2！”）；
})

点击我！

由于您是在动态添加按钮，但在添加按钮时没有将事件侦听器附加到这些按钮，因此需要使用事件委派。将事件侦听器附加到

#内容

，如下所示：

$（“#主按钮”）。单击（函数（）{
document.getElementById（“内容”）.innerHTML='Button1Button2'
})
$（“#内容”）。在（'单击'，“#b#u 1”，函数（）{
警报（“您已单击按钮1！”）；
})
$（“#内容”）。在（'单击'，“#b#u 2”，函数（）{
警报（“您已单击按钮2！”）；
})

点击我！

您需要将事件附加到主体，并在第二个参数中选择元素：）

编辑：我用过body，但最好使用页面上最接近的静态父对象

$（“#主按钮”）。单击（函数（）{
document.getElementById（“内容”）.innerHTML='Button1Button2'
})
$（“body”）。在（'click'，'b#u 1'，函数（）{
警报（“您已单击按钮1！”）；
})
$（“body”）。在（'click'，'b#u 2'，函数（）{
警报（“您已单击按钮2！”）；
})

点击我！