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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 文件的批量改名 linux ubuntu

    文件的批量改名 linux ubuntu

  • docker安装rabbitmq无法进入管理页面

    docker安装rabbitmq无法进入管理页面文章目录1.环境准备2.开始安装2.1解决安装不能打开管理后台的问题1.环境准备腾讯云服务器CENTOS7版本安装docker容器2.开始安装dockerpullrabbitmq:management说明:为什么不直接安装dockerpullrabbitmq这个,因为这个安装后,开启对应端口后是不能直接访问它的管理后台,需要额外的命令开启,后面会将这种情况容器运行,对应的端口开启dockerrun-di–name=mycloud_rabbitm

  • matlab约束条件怎么写_matlab数组超过预设大小

    matlab约束条件怎么写_matlab数组超过预设大小网上例子:假设我们要用matlab解决如下线性规划问题:max4x1+2×2+x3s.t.2×1+x2<=1×1+2×3<=2×1+x2+x3=1×1>=0x1<=1×2>=0x2<=1×3>=0x3<=2如果用yalmip的话,只需要如下简单几句:>>x=sdpva…

    2022年10月13日
  • Java字符串匹配_获取字符串

    Java字符串匹配_获取字符串文章目录一、示例二、解释1.replace()方法2.replaceAll()方法3.replaceFirst()方法4.常用的字符列表一、示例如图,都是为了替换字符串s中的”(“符号,但三种匹配方法,有三种不同的效果及写法。二、解释1.replace()方法replace()方法没有用到正则表达式,但会匹配所有的参数并进行替换2.replaceAll()方法replaceAll()方法使用的是正则表达式来匹配,而括号在正则表达式中是特殊字符,所以需要用双斜杠来进行转义,同时会匹配所..

  • WinExec、ShellExecute用法详解「建议收藏」

    WinExec、ShellExecute用法详解「建议收藏」1、WinExec():  WinExec主要运行EXE文件,不能运行其他类型的文件,不用引用特别单元。原型是:UINTWinExec(exePath,ShowCmd)  参数说明:  –xePath:命令行参数。注意,要用pChar转化一下。  –ShowCmd:外部程序的运行方式。其取值如下:  —-SW_HIDE隐藏  —-SW_MAXI…

  • 数据库的增删改查加遍历

    数据库的增删改查加遍历一、jar包的导入,和相关类的创建:二、创建数据库,在其中创建表。三、功能选择程序,主要引用method类中的方法:packagecom.cn.database;importjava.sql.SQLException;importjava.util.Scanner;publicclassstart{ Methodm=newMethod(); publicvoi

发表回复

您的电子邮箱地址不会被公开。

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