jQuery动态绑定事件的方法

jQuery是一种广泛使用的JavaScript库，它简化了HTML文档操作、事件处理、动画和AJAX等任务，并为开发人员提供了一种在JavaScript和HTML之间进行交互的更简单的方法。
jQuery中动态绑定事件有不同的方法，包括：通用的.on()方法，适用于所有事件，包括自定义事件；特定于第一个.bind()事件的.click()方法；方法，允许绑定多个事件处理程序，但已被.on();取代；.delegate()方法是最早的事件委托方法之一，用于父元素处理来自子元素的事件。
已过时，由.on()取代；.live()动态添加与启动相关的元素和事件处理程序，已被.on()方法取代，该方法处理悬停和鼠标关闭事件；.focus()方法，关注焦点事件；.blur()方法，注意blur.change()方法，注意change事件。
以上方法仅涉及常用的jQuery动态绑定事件方法。
JQuery还提供了更多的事件处理方法，如.keydown()、.keyup()、.submit()等。
根据特定需要选择适当的方法并绑定事件处理程序，以高效地完成任务。

jQury绑定事件on（）bind（）区别

jQuery绑定事件主要有两种方法：bind和on。
它们之间的主要区别是事件冒泡。
bind方法直接将事件处理程序绑定到DOM元素上，而on方法在bind的基础上添加一个选择器参数来过滤指定的子元素。
在事件冒泡期间，bind方法可能会出现问题，因为它绑定到所有匹配的元素，而on方法更灵活，只能绑定到特定的子元素。
比bind方法更推荐使用on方法，因为它提供了更高效、更灵活的事件绑定方法。
on方法可以将事件绑定到动态添加的元素，但bind方法不能。
on方法还支持事件委托的概念，可以将事件绑定到更高级别的元素，并通过冒泡的方式处理事件，从而避免绑定到所有匹配的元素。
综上所述，bind方式在早期版本中使用较多，但在兼容性、效率、灵活性等方面都存在一些问题。
相比之下，on方法提供了更好的事件绑定方法，推荐在项目中使用。
同时on方法可以替代bind()、live()和delegate()方法，实现统一的事件绑定和解除绑定。

jQuery的on()事件问题

将事件绑定到元素时，该元素必须存在，否则绑定将失败。
显然，前面的$(".sb1>p")不存在（是点击按钮添加的），所以无法绑定对象，点击无效。
第一种方案是动态绑定事件，即将事件与按钮p绑定来添加；第二种解决方案是将事件委托给父元素.sb1，即$("bubble..sb1").on("click",p",function(){...，在这种情况下，甚至如果sb1为空，则不会阻止事件绑定（新添加的p会自动触发click事件）。