用jq创建出来的虚拟DOM应如何添加事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jq创建出来的虚拟DOM应如何添加事件相关的知识,希望对你有一定的参考价值。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。

 $("#div1").on("click",function()
    $(this).css("background-color","pink");
  );

参考技术A 用事件委托,比如新建的dom是 #abc
$("body").on("click","#abc",function()....);

以上是关于用jq创建出来的虚拟DOM应如何添加事件的主要内容,如果未能解决你的问题,请参考以下文章

Angularjs 动态添加指令并绑定事件

前端用jquery如何去获取一个dom未渲染的标签添加点击事件

js 原生事件委托

编写一个插件(前面JavaScript高级总结)

原生js怎么为动态生成的标签添加各种事件

前端 | 虚拟Dom详解 - (下篇)