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


相关推荐

  • k8s创建pv&pvc

    k8s创建pv&pvc

    2021年5月31日
    219
  • 小数和二进制的转换_进制转换表

    小数和二进制的转换_进制转换表1.小数用二进制如何表示首先,给出一个任意实数,整数部分用普通的二进制便可以表示,这里只说小数部分如何表示例如0.6文字描述该过程如下:将该数字乘以2,取出整数部分作为二进制表示的第1位;然后再将小数部分乘以2,将得到的整数部分作为二进制表示的第2位;以此类推,知道小数部分为0。特殊情况:小数部分出现循环,无法停止,则用有限的二进制位无法准确表示一个小数,这也是在编程语言中表

    2025年6月17日
    1
  • html5开发环境有哪些(ios开发环境搭建)

    跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下四点:Javascript和Jquerymobile的编辑器HTML5的各个元素的InspectorJavascript远程断点debug移动平台Javascript开发模式1)Javascript和Jquerymobile的

    2022年4月14日
    195
  • 手机号码归属地最新数据库2015年12月(附带采集更新程序)[通俗易懂]

    手机号码归属地最新数据库2015年12月(附带采集更新程序)[通俗易懂]手机号码归属地最新数据库2015年12月(附带采集更新程序)转:http://www.duanmu.org/log/mobile/昨天发现数据库的手机号归属地判断不准确,数据库该更新了,百度了下好像没有什么共享好的。以前是去淘宝上买的数据库,每次更新还得加钱,干脆自己做个算了,共享给大家。使用说明:1.单独号段的更新,请在手机号段里输入开始号

    2022年7月22日
    25
  • python 字典最外层使用_python字典底层实现

    python 字典最外层使用_python字典底层实现前言问题1:python中的字典到底是有序还是无序问题2:python中字典的效率如何python字典底层原理在Python3.5以前,字典是不能保证顺序的,键值对A先插入字典,键值对B后插

    2022年7月31日
    6
  • 开学几天了,还没有进入状态,继续努力

    开学几天了,还没有进入状态,继续努力

    2021年7月21日
    73

发表回复

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

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