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

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

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>

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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 简单粗暴理解支持向量机(SVM)及其MATLAB实例

    简单粗暴理解支持向量机(SVM)及其MATLAB实例目录SVM概述SVM的改进:解决回归拟合问题的SVR多分类的SVMQP求解SVM的MATLAB实现:Libsvm【实例】用SVM分类【实例】用SVM回归SVM概述SVM已经是非常流行、大家都有所耳闻的技术了。网络上也有很多相关的博客,讲解得都非常详细。如果你要从零开始推导一个SVM,细致抠它全程的数学原理,我建议可以阅读此篇文章:ZhangHao的《从零构建支…

    2022年6月5日
  • 简单人脸识别一之使用opencv+cnn网络实现人脸识别

    简单人脸识别一之使用opencv+cnn网络实现人脸识别最近在研究目标检测这个方向,看到网上有很多的人脸识别帖子,所以也想着上上手看看。当时是做了三个模型出来,第一个就是网上很通用普遍的opencv+简单三层cnn网络来实现的,说实话效果真的一般吧!具体的下面再细细陈述。第二个是把三层cnn网络换成了残差网络。因为自己刚好也是学习了残差网络。就想着生搬硬套过来,但效果说实话很迷,时好时坏,把我是整蒙逼了,后面也会提的。最后一个是用opencv+MTCN…

    2022年5月11日
  • AutoEventWireup属性

    AutoEventWireup属性aspx页面第一行page指令中包含了一个AutoEventWireup属性2008-09-1417:15使用Asp.NET时,新建的aspx页面第一行page指令中包含了一个AutoEventWireup属性。网上的很多教程认为这一属性,甚至这一行代码都是没用的。其实,这是不了解Asp.NET事件处理模型的表现。简单来说,这一属性决定了当前页是否自动关联某些特殊事件。…

    2022年5月8日
  • Pandas 创建DataFrame提示:type object ‘object‘ has no attribute ‘dtype‘

    Pandas 创建DataFrame提示:type object ‘object‘ has no attribute ‘dtype‘pandas版本0.25.3importpandasaspdsymbol_info_columns=[‘1′,’持仓方向’,’持仓量’,’持仓收益率’,’持仓收益’,’持仓均价’,’当前价格’,’最大杠杆’]#v3symbol_config={‘BTC’:’BTC-USDT-210924′,’LTC’:’LTC-USDT-210924′,’EOS’:’EOS-USDT-210924′,’ETH’:’ETH-USDT-210924′,’XRP’:’

    2022年5月11日
  • 深度置信网络matlab语言实现(tcc信念)

    【实例简介】深度信念网络,有代码,有实例,有数据。用于深度网络预训练。【实例截图】【核心代码】DBN代码`–DBN代码|–Readme.txt|–isir例子RBM||–adealdata.m||–amydata.mat||–apretrain.m||–checkrbmtrain.m||–grbmtrain.m||–iris….

    2022年4月12日

发表回复

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

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