jquery中动态绑定事件的方法-创新互联

界面:

站在用户的角度思考问题,与客户深入沟通,找到天水网站设计与天水网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站制作、网站设计、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网页空间、企业邮箱。业务覆盖天水地区。

jquery中动态绑定事件的方法

第一种方法:

jquery中动态绑定事件的方法

第二种方法:

jquery中动态绑定事件的方法

第三种方法:

jquery中动态绑定事件的方法

如果此时动态的给界面添加一个li元素,如下:

jquery中动态绑定事件的方法

通过上面三种方法绑定的事件,此动态添加的li身上是不具有事件的,那怎么办了?

单独给动态添加的元素绑定事件


jquery中动态绑定事件的方法

测试 了一下 这样写也是可以的

jquery中动态绑定事件的方法

后面动态添加的元素,只能通过on来进行绑定了,bind是不行的。


总结:

a 如果界面一开始就有元素,我们就可以通过bind、on或者事件方法(eg:click)进行绑定了,

绑定完了以后,后面又动态的给界面添加了元素,那么此时就只能通过on再单独给添加的这个元素绑定事件

b 那如果一开始,界面上的元素就是通过动态的方法添加上去的,那么还是可以直接通过on bind 事件方法(click)进行绑定

例如:

jquery中动态绑定事件的方法

例子:

给表格动态添加数据

jquery中动态绑定事件的方法

jquery中动态绑定事件的方法

给tr添加单击事件:

jquery中动态绑定事件的方法

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:jquery中动态绑定事件的方法-创新互联
网站地址:http://bzwzjz.com/article/ghsid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 定制网站设计 成都商城网站建设 自适应网站设计 成都网站设计 外贸网站建设 网站制作报价 企业网站建设 高端网站设计 成都网站制作 梓潼网站设计 商城网站建设 成都网站建设 成都网站制作 网站设计公司 H5网站制作 营销型网站建设 网站设计 盐亭网站设计 企业网站设计 成都定制网站建设 成都网站设计