当获取 $("#art-list")页面元素后去在后面追加标签的时候(append),在下面用 $(selector) 获取刚刚添加的标签,发现怎么都获取不到。

因为页面已经将JS加载完毕,此时新增请求动态添加节点,自然获取不到,也不会为append的元素初始化添加事件

需要事件委托才能获取到节点,也就是说要用:

$(selector).on(events,[selector],[data],fn)

参数    描述
events    一个或多个用空格分隔的事件类型和可选的命名空间
selector    可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空或被忽略,当它到达选定的元素,事件总是触发。
data    可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理
fn     该事件被触发时执行的函数。 false值也可以做一个函数的简写,返回false

jquery append添加的元素用jquery无法获取到相关推荐

  1. jq append添加的元素click获取不到的解决方法

    移动端手机ios网页,apppend添加html class名用 on()方法没效果 解决方案:在html里面给需要点击的元素加一个οnclick="javascript:void(0)&q ...

  2. php 获取子孙,jquery如何查找后代元素?jquery获取后代元素方法

    在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...

  3. 解决使用jQuery采用append添加的元素事件无效的方法

    当我们使用jQuery动态加载html元素,但是元素上面又绑定了Click等事件,针对新添加的元素这些事件是无效的,那么应该怎样解决呢? live方法 live( type, fn ) jQuery ...

  4. html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性

    今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...

  5. html 元素响应,jQuery动态添加html元素后,响应事件的问题记录

    var li = " " + "" + // 缩略图 点击部分 index='" + i + "' "" + " ...

  6. jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法

    所以我已经看到了三种向页面添加html/DOM元素的方法.我很好奇他们每个人的利弊是什么. 1 - 传统的JavaScript 我相信直接的JS方法是通过构造每个元素,设置属性,然后附加它们.例: v ...

  7. html添加删除元素属性,jquery怎么删除元素的属性?

    jquery怎么删除元素的属性?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在jquery中,可以使用removeAttr()方法来删除元素的属性.r ...

  8. jquery 动态添加div元素(两种方式)

    方法一: var creatediv= function(){var parentdiv=$('<div></div>'); //创建一个父divparentdiv.attr( ...

  9. jQuery用正则查找元素:jQuery选择器使用

    jQuery选择器如何使用大家可以参考这个API说明,但还有几种特殊的选择器用法,比如用正则匹配和查找: $("a[id^=abc]") 选择a元素,id以abc开头 $(&quo ...

最新文章

  1. java语言中数值自动转换的优先顺序
  2. 【Python-ML】SKlearn库学习曲线和验证曲线
  3. Android编译系统分析二:mm编译单个模块
  4. Oracle提高SQL查询效率where语句条件的先后次序
  5. 5月份Github上最热门的数据科学和机器学习项目
  6. G - Best ACMer Solves the Hardest Problem Gym - 101955G
  7. 牛客题霸 [括号生成] C++题解/答案
  8. Python机器学习 集成算法实例
  9. A Knapsack Problem - hackerrank
  10. 海量数据的常用10大解决方案
  11. php 前台模板,前台模板
  12. 小型微型计算机系统杂志好投么,小型微型计算机系统杂志
  13. 原生Arm版Office安装步骤
  14. Android自定义圆角矩形图片ImageView
  15. ccsa安学网小程序_CCSA安学网安全题库
  16. “教育改变农家子弟的命运”,究竟改变了什么?
  17. zabbix分布式监控解决方案
  18. java plugin_Java Plugin类代码示例
  19. 关于TVS管的选型和应用
  20. CCNA培训(三)20210717day03

热门文章

  1. 报错:Base64-encoded key bytes may only be specified for HMAC signatures.
  2. RJ45接头接口定义
  3. Android与MVC设计模式相关操作
  4. 弱网测试究竟要怎么做,才能防止漏测?
  5. python-turtle(海龟绘图)圣诞树
  6. 【思考】Docker到底解决了什么问题
  7. 4、基于XML的AOP配置
  8. python : turtle 画一朵花
  9. 微信小程序开发学习4(视图与逻辑)
  10. 随心(20051024)