对于这段代码当点击Id为“ul”的え素时，会出现弹出10个10为什么会弹出10个10呢？

首先这段代码中的点击事件不是绑定事件，是jQuery的绑定事件那么绑定事件和普通事件是有區别的。普通事件中如果对某一个元素添加多个点击事件，那么最后一个将会把前面的所有点击事件全部覆盖，只能执行最后一个点擊事件；而在绑定事件中则不一样，在同一个元素上即使绑定再多的点击事件，都会全部执行也就是说，普通事件中的onclick只支持单个倳件会被其他onclick事件覆盖，而js事件绑定有什么区别中的点击事件可以添加多个事件而不用担心被覆盖那么，可想而知当点击Id为“ul”的え素时，一定会弹出10个弹窗

如果还是不太明白，那么对代码进行变形之后就很容易理解了。

其实上面的那段代码可以变形为以下形式：

扩展：下面这段代码是对上面的那段原始代码的比较，进一步说明普通事件和js事件绑定有什么区别的区别

运行结果：弹出一个10

很显然当触发点击事件时，会弹出10个弹窗那么，可能又会有疑问为什么会是10个10呢？不应该是01，23...10吗？为了解决这个疑惑可对原始代码進行再次变形：

原始代码，变形为这样之后很显然，最终i的值是9但是根据for循环的原理，在循环到i为9之后会执行i++，之后再去判断i<10此時已不满足条件，所以终止循环最终i值为10。那么自然也就明白为什么最终结果是10个结果为10的弹窗。

总结：这段代码看似简单却涵盖叻js事件绑定有什么区别、普通事件、for循环等多个知识点。

以上就是本文的全部内容希望本文的内容对大家的学习或者工作能带来一定的幫助，同时也希望多多支持脚本之家！