个人博客 > 学无止境 > WEB前端 > jq动态绑定事件

jq动态绑定事件

什么是动态绑定?  

动态绑定是指动态添加的DOM节点或者html元素,他们最开始时运行的时候是不存在的。如果要给这些动态加入的节点增加事件,就必须要用jquery的on方法来绑定事件。

on() 函数用于为指定元素的一个或多个事件绑定事件处理函数。

从jQuery 1.7开始,on() 函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。

用法一:

 jQueryObject.on( events [, selector ] [, data ], handler ) 

用法二:

 jQueryObject.on( eventsMap [, selector ] [, data ] )

参考:

$("p").on("click", function(event){
    // 这里的this指向触发点击事件的p元素(Element)    
    alert( $(this).text());
});

注意事项:
首先要获取到要添加动态事件的父节点,并且这个父节点是刚开始就存在的(源代码里面就有的)。


本文出自:琅枫个人博客。如需转载请注明出处!

本文出处:"https://www.phpfeng.cn/learn/web/47.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 事件 动态



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?