jQuery操作动态添加元素的方法,超easy!

南国老符 南国老符 最后更新于:2022-03-12 浏览:1277

jQuery操作动态添加元素的方法,网上说有3种方法,分别是:1、on()方法;2、delegate()方法;3、bind()方法。

没时间去一一测试,鉴于jQuery从1.7之后就不推荐live()和delegate()方法了,所以大家还是使用on()方法吧。

下面是示例,就是点击生成的tr元素选中复选框,用到icheck.js,下面这个代码是对未生成的tr有效:

$('.checkcity').click(function(e){  
    var checkTwo = $(this).find("td input[type='checkbox']");  
    if(checkTwo){  
        var flag = checkTwo[0].checked;  
        if(flag){  
            checkTwo.iCheck('uncheck');
        }else{  
            checkTwo.iCheck('check');
        };
    };
});


下面这个代码是jQuery能操作动态生成元素的方法:

// 点击行,选中行
$(document).on('click', '.checkcity', function() {
    var checkTwo = $(this).find("td input[type='checkbox']");  
    if(checkTwo){  
        var flag = checkTwo[0].checked;  
        if(flag){  
            checkTwo.iCheck('uncheck');
        }else{  
            checkTwo.iCheck('check');
        };
    };
});



点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/259.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: thinkphp6打印输出sql语句的3种方法

下一篇: php判断是否包含字符串

请先登录后,再发表评论 ~ ~
发表评论
评论 (0)

发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

U
user1379
回复:版本号多少?
U
user1379
回复:新版本修复了,下载新版本即可
U
user1379
U
user1304
回复:默认没有这个功能,你可以自行二次开发后期可能会考虑在站群版本上加入此功能及商城功能
Y
yuanis90
回复:后台->语言->全局管理->模型管理->编辑->启用关键词内链即可
Y
yuanis90
回复:后台已经启用了,但是前台产品说明的关分键词还是没有自动链接到,
购买VIP
购买授权
余额充值
发表帖子
客服微信