[HTML5]原生事件绑定和jquery动态事件绑定的区别

时间:2023-03-08 20:28:50
[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);

});