A01-jquery操作之：如何获取动态生成元素（获取未来元素）

最新推荐文章于 2023-11-08 08:20:01 发布
最新推荐文章于 2023-11-08 08:20:01 发布
阅读量2k 收藏 4
点赞数 2
分类专栏： 前端 jQuery 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42252518/article/details/99171725
版权

A01-jquery操作之：如何获取动态生成元素（获取未来元素）

what

  1. 动态生成元素？

    1. html代码中没有的元素
    2. 通过js生成的元素
    3. 通过模板字符串生成的元素
    4. 反正就是页面加载后才生成的元素

why

  1. 传统的方**直接使用$(选择器)**无法获取到该元素
  2. 为新增元素绑定事件
  3. 获取新增元素列表进行遍历操作

how

  1. 绑定事件的几种方式

    1. 自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品

  2. on方法为子元素绑定事件

    1. $('选择器').on('事件名称','子元素选择器',callback)

    2. example：

      <body>
  <div id="father"></div>
</body>
<script src="jquery.js
最低0.47元/天 解锁文章
略略略～
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery如何获取动态添加的元素
10-22
主要介绍了jQuery如何获取动态添加的元素的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jquery获取动态生成的元素
HelloWorld308的博客
07-31 3003
如果我么你想通过jQuery获取html中动态生成的dom元素，那可以使用on方法，使用on方法获取的时候要注意，要通过先获取它的父元素在获取子元素，这样才能生效： 栗子： [html] view plain copy $("td").on("focus","input",function(){                 alert(
jQuery获取动态添加的元素
JIANtype的博客
04-01 3523
当使用jQuery的apeend动态添加元素后，如果页面没有进行刷新，那么使用JQ选择器将无法获取动态新增的元素。 动态获取元素的方法 bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的 delegate(selector,[type],[data],fn...
IM01C25A01-01EN.pdf
02-04
自动化控制中较为常见的压力变送器安装规范书，适用于ejx和eja-e系列全部差压及压力变送器
证明收敛阶的matlab代码-A01-MixedPrimal-Boussinesq-Calcolo2018:Boussinesq方程的混合原始
05-22
证明收敛阶的matlab代码用FreeFem ++对自然对流建模 自然对流是我们日常生活中存在的一种传热过程：从小型电子设备的冷却到室内气候系统再到环境运输问题。 在这组代码中，采用了有限元方法来解决质量，动量和能量...
A01-BCM技术规范-V1.0-20130407.doc
11-11
A01-BCM技术规范-V1.0-20130407.doc
jQuery操作动态生成的内容的方法
11-23
本文实例讲述了jQuery操作动态生成的内容的方法。分享给大家供大家参考，具体如下： 由于jQuery是页面一加载获取页面元素的，后期动态生成的元素，通过$(“#xxxx”)获取不到，需要用原始的js语句来获取： document.getElementById("xxx").value 对于动态生成的元素，bind绑定的事件 也无法触发，需要通过jQuery提供的另外一个方法 .live() 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说 <
7.5.1-A01-06消防灭火操作办法..docx
11-23
7.5.1-A01-06消防灭火操作办法..docx
HINK-E029A01 Specification
04-08
HINK-E029A01 规格说明书 本文档详细介绍了 HINK-E029A01 规格说明书，涵盖了总体描述、特点、应用、机械规格、机械图纸、输入/输出端口等多个方面。 总体描述 HINK-E029A01 是一款 2.9 英寸的 EPD 模块，具有高...
JQ如何获取动态生成的内容
Pancras_gc
09-02 698
//因为动态生成的元素，是不能够以普通绑定事件的形式来进行操作的 /* 动态生成的元素，我们要以on方法的形式来触发事件 语法： $(需要绑定元素的有效的外层元素).on(绑定事件的方式,需要绑定的元素的jquery对象,回调函数) */ $("#activityBody").on("click",$("input[name=xz]"),function () { $("#qx").prop("checked",$("input[name=xz]").len.
jQuery选择器 获取元素的十一种方式
最新发布
m0_74577714的博客
11-08 1228
jQuery的选择器，让我为大家介绍一下吧！
前端：数据在页面间传递的几种方式
weixin_42252518的博客
06-20 1922
方案1：使用$_GET的方式获取url地址中的内容 设置: <a href="cookie2.php?msg='这是通过连接中的url传递的信息'">跳转到cookie2，并传递信息</a> 接收： var_dump($_GET['msg']); 方案2：使用表单（方式基本与第一种一致但是内容是写在表单中，不是在连接中） 设置: <form action="c...
string plid = "'A01-GD2-LINE-01','A01-GD2-LINE-02','A01-GD2-LINE-03','A01-GD2-LINE-04'"; if (plid 包含 "A01-GD2-LINE-01") { } 上面的我需要if plid变量是否包含A01-GD2-LINE-01判断，if 判断应该怎么写
07-14
string plid = "'A01-GD2-LINE-01','A01-GD2-LINE-02','A01-GD2-LINE-03','A01-GD2-LINE-04'"; if (plid.Contains("A01-GD2-LINE-01")) { // 包含 "A01-GD2-LINE-01" 的逻辑代码 } ``` 在上述代码中，`Contains` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值