js 动态添加html如何绑定事件

 时间:2024-10-13 23:57:35

1、我们使用jquery来绑定事件,添加html元素,因此 先引入jquery脚本文件。

js 动态添加html如何绑定事件

2、在html里,我们这里的c1的div里只有一个div元素。

js 动态添加html如何绑定事件

3、我们使用js脚本,先定义一个html元素的字符串。

js 动态添加html如何绑定事件

4、然后使用jquery的append方法为c1这个div添加一个html元素。

js 动态添加html如何绑定事件

5、因为添加的元素有一个id的,我们通过id来为这个元素绑定事件,调用jquery的bind方法。

js 动态添加html如何绑定事件

6、运行页面,可以看到js里添加的html元素了,就是这个div,我们点击一下这个div。

js 动态添加html如何绑定事件

7、点击后,触发了div的点击事件,表示我们成功动态绑定了事件。

js 动态添加html如何绑定事件
  • 斩魂进不去怎么办
  • OBS如何开启推流停止后保持缓冲区启用?
  • 新邵有什么好玩的景点
  • 七八十年代的赤脚医生如今有补助或养老金吗
  • u盘损坏数据怎么修复?
  • 热门搜索
    足底筋膜炎怎么治疗 四季豆怎么做好吃 痤疮怎么治 怎么调电脑屏幕亮度 委托书怎么写 李字怎么写好看 暂住证怎么办理 怎么去湿气 巴西龟怎么养 4s店买车怎么砍价