jquery 中 on 和普通绑定的区别

浏览数：21 / 时间：2015年06月09日

都说on是用于动态添加的元素的事件。但是你不觉得奇怪嘛，难道动态添加的元素就不能用普通的事件绑定，这样说不通啊！

其实是on可以在元素添加到dom之前绑定，而对于普通绑定，只要元素已经出现在了dom中，不论是否动态添加  事件当然也是生效的

    $(‘body‘).on(‘click‘, ‘.d1‘, function(event) {
      //event.preventDefault();
      console.log(‘on0‘);//ok
    });


    console.log($(‘.d1‘));
    $(‘.d1‘).on(‘click‘,  function(event) {
        console.log(‘on1‘); //not working  becasuse $(‘.d1‘) is undefined
    });


    $(‘.d1‘).click(function(event) {
      /* Act on the event */
      console.log(‘click0‘);// not working same reason as before
    });


    var dq=$(‘<div class="d1"></div>‘);
    $(‘body‘).append(dq);


    $(‘.d1‘).click(function(event) {
      /* Act on the event */
      console.log(‘click‘);
    });

可以看到 对于on  绑定也是有要求的，如果on的左边的对象不存在  当然绑定也是不行的。

on左边应该是一个已经存在的父元素，待绑定click对象是d1 这样就是在元素添加到DOM之前指定了事件处理

jquery 中 on 和普通绑定的区别,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style sp nb log ti class style sp nb log ti

相关文章

随机文章

您可能还喜欢

您可能还喜欢