⚠️ 动态添加的子元素一定要放在on()方法里面，并且on()方法里面的 childSelector 必须要是 selector 的子元素，否则动态添加的元素绑定的事件依旧无效
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<title>menu</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
var sum = 5
var funny = function (x)
{
$ ("#id" + x).on ('click', function ()
{
alert ($ (this).attr ("id"))
})
}
$ ("div").on ("keyup", function ()
{
for ( var x = 1 x <= sum x++)
{
funny (x)
}
})
})
// 绑定事件只能是在页面初始化的时候绑定，
// 只要绑定一次就可以，而且必须绑定一次，正常需求下。
// 如上：每次div键盘谈起，就绑定事件，事件累加绑定，导致效率低下，结果很大概率出错。
// jquery选择器，包括 以id开头的id的dom元素的获取方法
// $("*[id^=id]").each (function (i, dom){
// var me = $(this), idx = me.attr ("id").replace(/[^\d]/g,'')
// if (idx >= 1 && idx <= sum)
// {
// // TODO
// }
//})
// 无论如何都不需你那样做。好自为之
</script>
</head>
<body>
<div>ddddddddddddd</div>
<span id="id1">aaaaaaaaaaaa</span>
<span id="id2">aaaaaaaaaaaa</span>
<span id="id3">aaaaaaaaaaaa</span>
<span id="id4">aaaaaaaaaaaa</span>
<span id="id5">aaaaaaaaaaaa</span>
</body>
</html>
