zoukankan      html  css  js  c++  java
  • jQuery中bind()与on()绑定事件的区别


    .on()方法比.bind()方法多一个参数selector

    .on()selector参数是筛选出调用.on()方法的dom元素的指定子元素,如:

    $("ul").on('click','li', function(){})

    为动态添加的元素也能绑上指定事件


    案例:

    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    
        <script>
            $("ul li").bind('click', function() {
                alert("boom!");
            });
            // $("ul li").on('click', function() {
            //     alert("boom!");
            // });
            // 和上面效果一样
            $("ul").append("<li>5</li>");
        </script>
    </body>
    
    

    此时点击列表5并不会弹出消息框

    .on()添加selector参数li:

    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    
        <script>
            $("ul").bind('click','li', function() {
                alert("boom!");
            });
            $("ul").append("<li>5</li>");
        </script>
    </body>
    

    此时点击列表5弹出消息框boom!

  • 相关阅读:
    Spring Boot
    Spring Boot
    Spring Boot
    Restful API
    Jenkins
    虚拟化
    SpringBoot入门
    System Workbench for STM32(based on Eclipse)开发环境配置
    装机总结
    这年暑假
  • 原文地址:https://www.cnblogs.com/aduner/p/12238352.html
Copyright © 2011-2022 走看看