[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);
});
[HTML5]原生事件绑定和jquery动态事件绑定的区别的更多相关文章
- jquery 动态事件绑定(0512)
		
jquery动态事件绑定,父元素需为静态元素,(不能是动态生成): $("#parent").on("click","#child",fun ...
 - JavaScript事件详解-jQuery的事件实现(三)
		
正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
 - JQuery的事件委托;jQuery注册事件;jQuery事件解绑
		
一.事件 ①事件委托:就是给子元素的父元素或者祖先元素注册一个事件,但是事件的执行者是子元素,委托事件的好处是能够给动态创建出来时元素也加上事件. ②简单事件:就是给自己注册事件自己执行动态创建出来的 ...
 - Jquery动态bind绑定已有函数,函数自动执行的问题解决方法
		
在bind后面的方法,不能带括号,带括号函数就自动执行了... <script> //通过子元素删除某行 function deleteRow() { var flag = confirm ...
 - jquery动态live绑定toggle事件
		
$(".btn").live("click",function(){ $(this).toggle( function () { //事件 1 console. ...
 - [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解
		
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
 - 关于Jquery的delegate绑定事件无效
		
今天在做一个页面,用的是easyui页面有很多的tabs,里面都放了iframe 需要在load事件动态调整iframe高度 发现始终无法使用delegate来绑定load事件. 纠结了一下午发现了问 ...
 - jquery之on()绑定事件和off()解除绑定事件
		
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数. off()函数主要用于解除由on()函数绑定的事件处理函数. 该函数属于jQuery对象(实例). 语法 jQuery 1.7 新增该 ...
 - 浅谈jquery之on()绑定事件和off()解除绑定事件
		
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数. off()函数主要用于解除由on()函数绑定的事件处理函数. 该函数属于jQuery对象(实例). 语法 jQuery 1.7 新增该 ...
 
随机推荐
- 20169212《Linux内核原理与分析》第三周作业
			
最近,深入的阅读了<Linux内核设计与实现>这本书,以下是碰到的一些问题,在此和大家进行交流学习. 碰到的问题 1.为什么不要在linux内核中使用浮点数(这个问题由于书上讲的不够明白, ...
 - 编写windows版ANE
			
1.编写WinANE.dll: #include <windows.h> #include <stdlib.h> #include <FlashRuntimeExtens ...
 - Java:Collection List Set
			
Java:集合 常见集合:List Set List 特点:元素是有序的,而且元素可以重复,因为该集合体系有索引. 常见的三个子类:ArrayList.LinkedList.Verctor List集 ...
 - canvas 利用canvas中的globalCompositeOperation 绘制刮奖 效果
			
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...
 - ajaxsearch要点1
			
ajaxsearch中必须将form的class定义为pagerForm,才能在foot中submit按钮得到值
 - 深入学习JavaScript: apply 方法 详解(转)——非常好
			
主要我是要解决一下几个问题: 1. apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. apply的其他巧妙用法(一般 ...
 - css3简单介绍
			
关于css3我先介绍几个简单的选择器: 先进行设置: 字符串匹配属性选择器: E[alt^="a"] 选择属性中以a开头的元素: E[alt$="a"] 选 ...
 - What is a watch descriptor
			
http://stackoverflow.com/questions/24342156/what-are-watch-descriptors-really-linux-inotify-subsyste ...
 - SQL同列合并
			
SELECT cast(id as varchar(8)) new_id FROM tourol_Atractions where tcid>0 order by new_id SELECT t ...
 - 黑马程序员——【Java基础】——集合框架
			
---------- android培训.java培训.期待与您交流! ---------- 一.集合框架概述 (一)集合框架中集合类关系简化图 (二)为什么出现集合类? 面向对象语言对事物的体现都是 ...