美文网首页码农的世界程序员技术栈
jQuery on click delegate区别,绑定未来元

jQuery on click delegate区别,绑定未来元

作者: 刘振宁的博客 | 来源:发表于2019-03-14 17:27 被阅读7次

    巨大的建筑,总是由一木一石叠起来的,我们何妨做做这一木一石呢?我时常做些零碎事,就是为此。
    这是对的,但是我没有说过这句话! —— 鲁迅

    jQuery绑定事件,主要有一下几种

    直接click绑定

    $('div').click(function(){
    
    });
    

    这种是用的最多的,但是这种绑定有一个前提,就是div元素必须存在,假如不存在,在未来添加的话,那就无效了

    delegate绑定

    $("div").delegate("button","click",function(){
      $("p").slideToggle();
    });
    

    其中 div是存在的, button可以是不存在的,可能是执行该方法之后,button才添加的,但是button一定是div的子元素。

    on绑定

    on绑定结合了二者的功能

    $('p').on('click',function(){
    
    });
    

    这种同直接click,一样。

    $('div').on('click','select[name="fuelType"]',function(){
    
    });
    

    这种是可以给未来元素绑定事件,事件是加在子元素 select[name="fuelType"]上面,而不是div上面,div是父元素,是一开始就存在的,select元素是后来动态添加的.

    相关文章

      网友评论

        本文标题:jQuery on click delegate区别,绑定未来元

        本文链接:https://www.haomeiwen.com/subject/bfpcmqtx.html