为了账号安全,请及时绑定邮箱和手机立即绑定

为什么 on方法 无法干涉 动态添加的标签?

            $(function () {
            $("#btntest").on("mouseout click",function () {
                 $(this).attr("disabled", "true");
                })
                $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />");
            });


我用的是JQ1.9


on方法无法作用于动态添加的 button标签,


可是当我把动态添加的 button标签 直接写到html文档里,on方法有效。


请问这是为什么呢?


网上查到了,绑定到父元素就可以了,也给后面的同学参考一下

            $(function () {
            $("body").on("mouseout click","#btntest",function () {
                 $(this).attr("disabled", "true");
                })
                $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />");
            });


这节课之所以教我们用 live方法 是因为它是唯一可以直接作用于 动态添加的标签 的方法,不过已经淘汰了

正在回答

1 回答

这是事件委托

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

为什么 on方法 无法干涉 动态添加的标签?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信