资讯专栏INFORMATION COLUMN

A01-jquery操作之:如何获取动态生成元素(获取未来元素)

wangym / 1084人阅读

摘要:如何获取元素列表进行遍历很简单直接在方法的回调函数中获取动态生成子元素你好啊将子元素加入父元素为子元素注册事件输出所有子元素

A01-jquery操作之:如何获取动态生成元素(获取未来元素) what

动态生成元素?

html代码中没有的元素

通过js生成的元素

通过模板字符串生成的元素

反正就是页面加载后才生成的元素

why

传统的方直接使用$(选择器)无法获取到该元素

为新增元素绑定事件

获取新增元素列表进行遍历操作

how

绑定事件的几种方式

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

on方法为子元素绑定事件

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

example:


  

通过上面的例子可以看到要使用on()方法获取子元素,必须要绑定一个方法

有的教程说使用delegate() 方法获取元素,事件不是必须的但是官方文档上写了,事件也是必须存在的所以我不考虑这种方式。

如何获取元素列表进行遍历

很简单

直接在on()方法的回调函数中获取

example:


  

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106633.html

相关文章

  • JavaScript如何工作:V8引擎深入探究 + 优化代码的5个技巧(译文)

    摘要:引擎可以是一个标准的解释器,也可以是一个将编译成某种形式的字节码的即时编译器。和其他引擎最主要的差别在于,不会生成任何字节码或是中间代码。不使用中间字节码的表示方式,就没有必要用解释器了。 原文地址:https://blog.sessionstack.com... showImg(https://segmentfault.com/img/bVVwZ8?w=395&h=395); 数周之...

    William_Sang 评论0 收藏0
  • 前端知识集锦1

    摘要:原文链接征服前端面试,仅供学习使用前端知识集锦原型我们创建的每一个函数,都可以有一个属性,该属性指向一个对象。线程的划分尺度小于进程,使得多线程程序的并发性高。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。 原文链接:征服前端面试,仅供学习使用前端知识集锦2 1. JavaScript 1.1 原型 我们创建的每一个函数,都可以有一个prototype...

    Paul_King 评论0 收藏0
  • 前端知识集锦1

    摘要:原文链接征服前端面试,仅供学习使用前端知识集锦原型我们创建的每一个函数,都可以有一个属性,该属性指向一个对象。线程的划分尺度小于进程,使得多线程程序的并发性高。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。 原文链接:征服前端面试,仅供学习使用前端知识集锦2 1. JavaScript 1.1 原型 我们创建的每一个函数,都可以有一个prototype...

    spademan 评论0 收藏0
  • 前端知识集锦1

    摘要:原文链接征服前端面试,仅供学习使用前端知识集锦原型我们创建的每一个函数,都可以有一个属性,该属性指向一个对象。线程的划分尺度小于进程,使得多线程程序的并发性高。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。 原文链接:征服前端面试,仅供学习使用前端知识集锦2 1. JavaScript 1.1 原型 我们创建的每一个函数,都可以有一个prototype...

    leiyi 评论0 收藏0
  • V8引擎是如何工作?

    摘要:是开发的引擎它是开源的,而且是用编写的。本文的目的是展示和理解如何工作,以便为客户端或服务器端应用程序生成优化的代码。将如何处理这种情况事实上,每当构造函数声明一个属性并跟踪隐藏类的变化时,就会创建一个新的隐藏类。 V8是google开发的JavaScript引擎, 它是开源的 ,而且是用C++编写的。它是用于客户端(Google Chrome)和服务器端(node.js)JavaSc...

    不知名网友 评论0 收藏0

发表评论

0条评论

wangym

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<