详细的jQuery方法,将事件响应添加到jQuery()方法以动态生成内容

详细的jQuery方法,将事件响应添加到jQuery()方法以动态生成内容
jQuery()方法是生活附加一个事件处理函数,所有匹配的元素,如果元素是等事件发生后将产生,前和后。

这种方法可以看作是一个变异的。绑定()(),method.when.bind使用选择器匹配连接到一个事件处理函数的元素,和元素,添加后不会有。你需要使用。Bind()一次。例如 uff1a
点击这里

你可以把一个简单的点击事件这个元素:复制代码代码如下:$('。clickme)。Bind(听到咔哒声,函数(){ alert();});

当单击元素时,弹出一个警告框。

复制代码代码如下:$('body)。追加(还有一只目标);

虽然这个新的元素可以匹配的选择。clickme

但生活()提供了一种方式来对应这种情况。如果我们一定要点击事件,复制代码代码如下:$('。clickme)。活(听到咔哒声,函数(){ alert();});

这仍然可以通过单击新元素来触发事件处理函数。

事件委托

活()方法可以为一个元素尚未添加到DOM是有效的,因为它使用事件委托:事件处理程序绑定在祖传的元素可以在后代的触发事件,事件处理程序通过生活()没有绑定到元素,但把它作为一种特殊的事件处理函数绑定到DOM树的根节点。

在我们的示例中,单击新元素时,依次执行以下步骤

1,生成一个单击事件传递给处理。

2,因为没有事件处理函数直接绑定,事件会冒泡到DOM树。

3,事件不断冒泡到DOM树的根节点,默认情况下绑定到这个特殊事件处理程序。

4,执行一个特殊的点击事件处理函数。

5,这个事件处理函数首先检测事件对象的目标,确定它是否需要继续。

6、本试验是通过检测是否达到美元(事件。目标)。最近('。clickme)可以找到一个匹配的元素。

7,如果找到匹配的元素,则调用原始事件处理函数。

8,仅在事件发生时在上面的第五个步骤中进行测试,因此任何时候添加的所有元素都可以对此事件作出响应。

上面详细介绍了将事件响应jQuery()添加到动态生成的jQuery内容的方法,希望能对您有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部