jq动态绑定点击事件「建议收藏」

jq动态绑定点击事件「建议收藏」jq动态添加的元素需要添加点击事件可用delegateon添加1.delegate<divid="box"></div><buttontype="button"id="addbtn">添加</button&amp

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

jq动态添加的元素需要添加点击事件 可用delegate on添加
1.delegate

<div id="box">
				
</div>
<button type="button" id="addbtn">添加</button>

<script type="text/javascript">
	$(function(){
		//动态创建元素
		$("#addbtn").click(function(){
			var op = "<p class='pp'>添加的P标签</p>"
			$('#box').append(op);
		})
		//绑定点击事件
		$("#box").delegate('.pp','click',function(){
			console.log('点击P标签');
		})
	})
</script>

Jetbrains全家桶1年46,售后保障稳定

2.on

<div id="box">
				
</div>
<button type="button" id="addbtn">添加</button>

<script type="text/javascript">
	$(function(){
		//动态创建元素
		$("#addbtn").click(function(){
			var op = "<p class='pp'>添加的P标签</p>"
			$('#box').append(op);
		})
		//绑定点击事件
		$("#box").on('click','.pp',function(){
			console.log('点击P标签');
		})
	})
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/206645.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • [cocos2dx-lua]&quot;Hello Lua&quot;分析「建议收藏」

    [cocos2dx-lua]&quot;Hello Lua&quot;分析

    2022年1月19日
    46
  • 国家标准《电子计算机机房设计规范》(GB50174-93)_计算机机房设计标准GB50174

    国家标准《电子计算机机房设计规范》(GB50174-93)_计算机机房设计标准GB501748电气8.1供配电8.1.1电子信息系统机房用电负荷等级及供电要求应根据机房的等级,按现行国家标准《供配电系统设计规范》GB50052及本规范附录A的要求执行。8.1.2电子信息设备供电电源质量应根据电子信息系统机房的等级,按本规范附录A的要求执行。8.1.3供配电系统应为电子信息系统的可扩展性预留备用容量。8.1.4户外供电线路不宜采用架空方式敷设。当户外供电线路采用具有金属外护套的电缆时,在…

    2022年10月2日
    2
  • 怎样用STM32CAN总线接口发送和接收数据

    怎样用STM32CAN总线接口发送和接收数据CAN协议基础知识I2C.SPI总线多用于短距离传输,协议简单,数据量少,主要用于IC之间的通讯,而CAN总线则不同,CAN(ControllerAreaNetwork)总线定义了更为优秀的物理层、数据链路层,并且拥有种类丰富、简繁不一的上层协议。与I2C、SPI有时钟信号的同步通讯方式不同,CAN通讯并不是以时钟信号来进行同步的,它是一种异步通讯,只具有CAN_High和CAN_L…

    2022年6月21日
    21
  • PhotoShop算法实现进阶-浮雕滤镜-灰度浮雕(三十一)

    PhotoShop算法实现进阶-浮雕滤镜-灰度浮雕(三十一)PhotoShop算法实现进阶-浮雕滤镜-灰度浮雕(三十一)kezunhai@gmail.comhttp://blog.csdn.net/kezunhai    浮雕效果可谓花样百出,但他们主要是基于图像相邻像素的差值来实现的。对于大多数图像而

    2022年6月20日
    33
  • 博客大巴,自动登录,并发布信息开发小计。

    博客大巴,自动登录,并发布信息开发小计。工具准备:Fiddler相关网页:登录页面:http://passport.blogbus.com/login信息发布信息:http://www.blogbus.com/user/?blogid=49

    2022年6月30日
    25
  • Android StrictMode学习

    Android StrictMode学习最新的Android平台中(Android2.3起),新增加了一个新的类,叫StrictMode(android.os.StrictMode)。这个类可以用来帮助开发者改进他们编写的应用,并且提供了各种的策略,这些策略能随时检查和报告开发者开发应用中存在的问题,比如可以监视那些本不应该在主线程中完成的工作或者其他的一些不规范和不好的代码。  StrictMode有多种不同的策略,每一种策

    2022年5月1日
    45

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号