jquery如何给不存在的元素添加事件

jquery给不存在的元素添加事件的方法:1、【jquery1.9】版本之前,使用live方法,代码为【$(“#id”).live(“click”, function ()】;2、【jquery1.9】版本之后,使用On方法。

jquery如何给不存在的元素添加事件

本教程操作环境:windows7系统、jquery3.2.1&&jquery1.9版本,DELL G3电脑。

推荐:jquery视频教程

jquery给不存在的元素添加事件的方法:

问题 : 

 jquery中给元素添加事件是很简单的,如:添加一个点击事件。 

$(选择器).click(function(){   );

登录后复制

但是,项目中做了ajax分页,第一页直接加载,使用上述方法,完全没有问题。但是用在使用ajax分页,其它页的内容,都是后面通过innerHTML来进行添加,添加后的元素就没有相关的事件了。 

       其实,原因也很好理解就是在最开始添加事件时,其它页的元素并不存在,后面通过innerHTML添加后,标签是有了,但是对应的事件却是没有的。 

       那么,如何解决上面的总结呢??给不存在的元素也添加事件 

解决方案: 

       使用live方法 : 给不存在的元素,绑定事件 

$("#id").live("click", function () {             alert("ok");      });

登录后复制

但是,jquery 1.9+版本后,就删除了live方法. 那用什么方法来替换live呢? 

答案,就是使用on方法 

$("#id").on("click",function(){            alert("ok");    });

登录后复制

但是,使用了on方法,发现还是无效  ,语法没有问题,那为啥没效,答案是不应该这样写,如果是给不存在的元素添加事件, 

要使用以下的写法: 

$(document).on("click",'#id',      function(){         alert("ok");     });

登录后复制

使用,以上的写法,问题就解决了. 

相关免费学习推荐:javascript(视频)

以上就是jquery如何给不存在的元素添加事件的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2719234.html

(0)
上一篇 2025年3月7日 22:24:28
下一篇 2025年3月7日 16:19:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery如何让按钮不可点击

    jquery设置按钮不可点击的方法:首先使用button标签创建按钮,并绑定点击事件;然后在函数内,通过id获得button按钮对象,使用【att()】方法将按钮的disabled属性设置为true,实现按钮不可点击。 本教程操作环境:wi…

    2025年3月7日 编程技术
    200
  • jquery版本几适应ie8

    jQuery1.x版本适应ie8。jQuery1.x的版本兼容IE6、IE7、IE8;而jQuery从2.0版本开始已经不再进行IE低版本(IE6、IE7、IE8)的兼容性处理,因而jQuery2.x和3.x不支持IE8。 本文操作环境:w…

    2025年3月7日
    200
  • jquery怎么实现奇偶行不同颜色

    在jquery中,可以使用“$(“:odd”)”和“$(“:even”)”选择器分别选中奇行和偶行的元素,然后使用css()方法分别给奇行和偶行元素设置不同的颜色样式即可实现奇偶行不同颜色。 …

    2025年3月7日
    200
  • jquery怎样判断属性是否存在

    jquery判断属性是否存在的方法:1、使用【attr()】获取属性,检查值的类型;2、原生js的hasAttribute方法;3过滤选择的方式,代码为【$(this).is(‘[name]’);】。 本教程操作环境…

    2025年3月7日
    200
  • jQuery如何判断鼠标是否在某个元素内

    jQuery判断鼠标是否在某个元素内的方法:1、判断鼠标是否在一级菜单里,如果不在一级菜单,是否在二级菜单;2、Jquery获取鼠标位置和判断鼠标是否在DIV中。 本教程操作环境:windows7系统、jquery3.2.1版本,DELL …

    2025年3月7日
    200
  • 7种jQuery $()函数的使用方法(总结)

    推荐教程:jQuery教程 jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口。其中我们用的非常频繁的一个函数是$()或者说…

    2025年3月7日
    200
  • jquery中$("#")和$("#"+xx)的区别

    本篇文章给大家介绍一下jquery中$(“#”)和$(“#”+xx)的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 推荐教程:jQuery教程 jquery中$(&#…

    2025年3月7日
    200
  • jquery如何判断时间戳星期几

    jquery判断时间戳星期几的方法:首先创建一个前端示例文件;然后引入jquery;最后使用“getDay()”方法返回时间戳对应星期几的数字即可。 本教程操作环境:Dell G3电脑、Windows7系统、HTML5&&C…

    2025年3月7日
    200
  • 如何解决jquery ajax中文乱码问题

    jquery ajax中文乱码的解决办法:1、若客户端是gb2312编码,则在服务器指定输出流编码;2、服务器端和客户端都使用utf-8编码。 本教程操作环境:Dell G3电脑、Windows7系统、jquery1.10.0版本。 推荐:…

    2025年3月7日
    200
  • Jquery如何判断某个div是否存在

    Jquery判断某个div是否存在的方法:首先新建一个html文件;然后使用div标签创建一行文字;接着设置div标签的id为aaa;最后通过if语句判断div的长度是否大于0,如果大于0,则证明div存在即可。 本教程操作环境:Dell …

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论