jquery为动态dom元素绑定点击事件(比如动态生成的表格)

最新推荐文章于 2025-01-23 17:17:58 发布

cxn304

最新推荐文章于 2025-01-23 17:17:58 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/cxn304/article/details/100011420

版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用jQuery的on方法为动态生成的DOM元素绑定点击事件，通过实例演示了on方法的基本用法，并提供了在页面中引入jQuery的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js为动态dom元素绑定点击事件

需要给页面动态加载还未出现的元素添加事件时，可以用jQuery的on，live，delegate来绑定事件。叫做委派事件。比如控制的动态生成的表格，给一列中的元素添加事件就是如此。
推荐用on，用法如下：on(event,childselector,data,function)

给个例子

$(document).on('click', '#registerhcbt', function(){
        var registerHTML = '<div ';
        $('.bg-primary1')[0].innerHTML = registerHTML;
    })

#registerhcbt就是你要添加事件的物体。
要有父节点，以及on括号后面的子节点才有效。直接on(‘click’, function()）是没有用的，这个例子的父节点就是document，子节点是registerhcbt

在已有页面插入jQuery

var importJs=document.createElement('script')//在页面新建一个script标签
    importJs.setAttribute("type","text/javascript")//给script标签增加type属性
    importJs.setAttribute("src", 'https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js') //给script标签增加src属性， url地址为cdn公共库里的
    document.getElementsByTagName("head")[0].appendChild(importJs)