jquery 动态添加的元素，用on事件

最新推荐文章于 2020-09-27 14:07:32 发布

凌冰_

最新推荐文章于 2020-09-27 14:07:32 发布

阅读量318

点赞数

分类专栏： JQuery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/hlx20080808/article/details/74178423

版权

JQuery 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

事件语法：.on( events [, selector ] [, data ], handler(eventObject) )
在选定的元素上绑定一个或多个事件处理函数。
- - events
    
    类型: String
    
    一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。
  - selector
    
    类型: String
    
    一个选择器字符串，用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器，那么被选中的元素总是能触发事件。
  - data
    
    类型: Anything
    
    当一个事件被触发时，要传递给事件处理函数的event.data。
  - handler(eventObject)
    
    类型: Function()
    
    事件被触发时，执行的函数。若该函数只是要执行return false的话，那么该参数位置可以直接简写成false。
```
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
//动态添加
$("#add").on("click",function(){
	console.log("come in!");  //调试时，控制台显示
	//添加到info中
	$(".my").append('<div class="delete"><h3>单击删除我</h3></div>');
});
 //对动态添加的元素添加事件-删除
$(".my").on("click",".delete",function(){
	console.log("come in Delete！");
	//删除当前添加
	$(this).remove();
});
 }); 
</script>
<body>
<h3 id='add' >单击添加动态元素</h3>
<div class="my"></div>
</body>
```
效果图：

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 动态添加的元素，用on事件

事件语法：.on( events [, selector ] [, data ], handler(eventObject) ) 在选定的元素上绑定一个或多个事件处理函数。 events 类型: String 一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".m
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。