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)
上一篇 2025年8月7日 下午12:15
下一篇 2025年8月7日 下午12:43


相关推荐

  • windows ffmpeg安装部署

    windows ffmpeg安装部署目录安装包下载解压安装包配置环境变量总结安装包下载作为音视频处理重要软件 ffmpeg 是一定要装好的 windows 安装包下在链接 资源包地址解压安装包下载安装包后解压到需要的目录 配置环境变量找到控制面板 gt 点击系统 gt 点击高级系统设置 gt 点击环境变量配置解压或文件夹路劲到 Path 变量中 一直确认后 点击 win r 打开 cmd 输入 ffmpeg i 命令验证一下是

    2026年3月19日
    2
  • Android 组件化,从入门到不可自拔

    Android 组件化,从入门到不可自拔组件化能够显著提高 Android 项目开发效率 支持不同业务组件单独打包或者组合打包 可以说是 Android 开发者必备技能 本文通过一个极其简单的实践案例 梳理了组件化的配置过程 并辅以全部源码 希望对还没有应用组件化的开发者有些帮助

    2026年3月18日
    2
  • Mybatis源码:@MapperScan解析过程

    Mybatis源码:@MapperScan解析过程目录0.说明1.@MapperScan2.MapperScannerRegister3.ClassPathMapperScanner4.MapperFactoryBean0.说明mybatis构建过程主要包括:解析mybatis配置文件,构造Configuration配置类对象和SqlSessionFactory; 利用@MapperScan注册BeanDe…

    2022年5月9日
    44
  • PyCharm2019.3 严重占用内存的解决方法

    PyCharm2019.3 严重占用内存的解决方法大家好我是冈坂日川 问题 pycharm 每次启动 都在 C 盘 用户 目录下创建 pycharm2019 3 的文件夹 随着 pycharm 的使用 这个文件夹越来越大 占用着系统内存 好不霸道 今天我们就来干他 解决办法 1 首先 将 C 盘 用户 目录下的 pycharm2019 3 剪切到你想存储的目录下 我这里放在 D 盘的 pycharm 安装目录 2 然后 打开 pycharm 的安装目 找到 bin 目录 在 bin 目录找到 idea properties 文件 3 然后 打开使用 txt 文本打开这个文

    2026年3月27日
    3
  • SpringBoot与SpringCloud的关系与区别

    SpringBoot与SpringCloud的关系与区别一、SpringBoot和SpringCloud简介1、SpringBoot:是一个快速开发框架,通过用MAVEN依赖的继承方式,帮助我们快速整合第三方常用框架,完全采用注解化(使用注解方式启动SpringMVC),简化XML配置,内置HTTP服务器(Tomcat,Jetty),最终以Java应用程序进行执行。2、SpringCloud: 是一套目前完整的微服务框架,它是是一系列框架的有序…

    2022年6月12日
    37
  • linux查看网卡详细信息_linux查看物理网卡

    linux查看网卡详细信息_linux查看物理网卡Linux下查看网卡信息(转载)1)通过mii-tool指令[root@localhostroot]#mii-tooleth0:negotiated100baseTx-FD,linkoketh1:nolink或[root@localhostroot]#mii-tool-veth0:negotiated100baseTx-FD,linkokproductinfo:…

    2022年10月19日
    3

发表回复

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

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