jquery 用于操作动态元素的delegate/on方法

jquery 用于操作动态元素的delegate/on方法delegate()方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。在做项目中有很多由ajax动态生成的html标签,jquery对这些标签不会响应$(selector).click(function..或者$(selector).bind(‘click’,function..,。查看资料有的推荐使用live方法,但live在jQuery1.7中就不再建议使用,在1

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

在做项目中有很多由ajax动态生成的html标签,jquery对这些标签不会响应$(selector).click(function.. 或者$(selector).bind(‘click’,function..,。

查看资料有的推荐使用live方法,但live在jQuery1.7中就不再建议使用,在1.9中就给删除了,改用on方法取代live方法。

搜索
jQuery官方网站声称下面三行代码是等价的
$(“.btn”).live(“click”, function(){ alert(“Goodbye!”); }); // jQuery 1.3+
$(“.jk_table”).delegate(“.btn”, “click”, function(){ alert(“Goodbye!”); }); // jQuery 1.4.3+
$(“.jk_table”).on(“click”, “.btn”, function(){ alert(“Goodbye!”); }); // jQuery 1.7+


这里要特别注意:$(“.jk_table”)这个对应的元素必须不是动态生成的。



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/179381.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • plsqldev连接远程oracle[通俗易懂]

    plsqldev连接远程oracle[通俗易懂]本地电脑安装了oracle客户端的情况Tns配置方法:1.找到oracle安装目录下的tnsnames.ora文件F:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN找到tnsnames.ora文件,用记事本打开tnsnames.ora文件添加本地实例名=(DESCRIPTION=(ADDRESS

    2022年5月29日
    44
  • Hanlp分词之CRF中文词法分析详解

    Hanlp分词之CRF中文词法分析详解

    2021年6月30日
    138
  • mysql中phpmyadmin安装教程_安装phpMyAdmin图文教程

    mysql中phpmyadmin安装教程_安装phpMyAdmin图文教程phpmyadmin的安装配置已经是老生常谈的话题了,网络上到处都可以找到相关的配置教程。但是,那些大多都是手动配置的,稍不留神,容易出错。因此站长今天在这里介绍的是,被很多phpmyadmin用户所忽略的phpmyadmin自带的安装程序,下面我们就开始一步一步来安装phpmyadmin。1、首先下载phpmyadmin3.4.11,这是目前最稳定无bug的版本,点击下载2、在你的web根目录新…

    2022年6月1日
    141
  • springboot全局字符编码设置(解决乱码问题)

    springboot全局字符编码设置(解决乱码问题)有时候我们会发现这种问题,明明已经设置了字符编码过滤器但是还会有乱码的情况出现,这个问题令我们很是头疼,我之前也遇到过这种情况。那怎么解决呢?springboot编码格式设置有三种方式,不管使用哪种方式,总有一款适合你。1、在application.properties中设置#编码格式spring.http.encoding.force=truespring.http.encod…

    2022年4月27日
    346
  • 安装gcc5.4版本[通俗易懂]

    安装gcc5.4版本[通俗易懂]安装gcc5.4版本:https://blog.csdn.net/xie1xiao1jun/article/details/54378079?utm_source=blogxgwz9

    2022年5月26日
    39
  • idea查看激活码(JetBrains全家桶)

    (idea查看激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlHFFWNFD5GX-eyJsaWNlbnNlSWQi…

    2022年3月28日
    75

发表回复

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

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