zoukankan      html  css  js  c++  java
  • [HTML5]原生事件绑定和jquery动态事件绑定的区别

    原生事件绑定:

    <!-- 标签上绑定的事件是由window对象帮助调用,因此方法内的this其实是window对象 -->
    <label><input type="radio" onclick="testEvent()">测试</label>

    <!-- 如果需要当前标签的dom对象,那么你需要手动传入this对象到事件方法 -->

    <label><input type="radio" onclick="testEvent(this)">测试</label>

    jQuery动态事件绑定:

    <label><input type="radio">测试</label>

    $("label>input[type='radio']").on("click",function(){

      //此时的this是dom对象,这种动态的绑定事件是经过jquery处理后的,它直接由jquery选择器转换后的对象(这个对象包装了原生dom对象)本身调用此事件函数,所以this指向当前对象的dom对象

      console.log(this);

    });

  • 相关阅读:
    wenbao与manacher
    wenbao与拓扑排序
    wenbao与邻接表
    wenbao与最短路floyd
    wenbao与最短路dij
    wenbao与后缀自动机(SAM)
    wenbao与欧拉回路
    wenbao与字符串Hash
    wenbao与后缀数组
    wenbao与扩展kmp
  • 原文地址:https://www.cnblogs.com/hihtml5/p/6228892.html
Copyright © 2011-2022 走看看