事件绑定
一、bind()
1.传两参数 第一个参数是事件名，第二个是事件处理函数
2.传键值对(对象)
<body>

    <input type="button" value="点我" id="btn">

</body>
$("#btn").bind("click",function () {

    alert("我不要你觉得，我要我觉得");

});

//或写成键值对(对象)
$("#btn").bind({"click":function () {
    alert("我不要你觉得，我要我觉得");
}});
//多个事件共用一个事件处理函数的时候，还可以这样写
$("#btn").bind({"mouseover mouseout":function () {
    $(this).append("<p>我不要你觉得，我要我觉得</p>")
}});
二、delegete()
delegete() 与bind()相似
差别在于这个函数是给子元素绑定函数
参数：1.要绑定事件的子元素
     2.事件
     3.事件处理函数

三、on()
最推荐使用的事件绑定方法，主流
结合了bind和delegate两者的用途
两个参数时：（类似于bing）
  1.事件名
  2.事件处理函数
三个参数：（类似于delegate）
  1.事件名
  2.绑定事件的子元素
  3.事件处理函数
以下两种写法，实现的效果都是一样的噢
<div id="dv">

　　<button>冰箱不够怎么办</button>

</div>
//第一种写法
$("#dv button").on("click",function () {

    alert("买！");

});
//第二种写法

 $("#dv").on("click","button",function () {

    alert("买！");

});

事件解绑

有绑定就有解绑
* on<=>off
* delegate<=>undelegate
* bind<=>unbind
* 注意：解绑时，只会解绑自身事件，不会将子级的事件解绑。

关于冒泡，可以通过return false可以避免冒泡


总结：
*   bind():
*       1.$("绑定事件的元素").bind("事件",事件处理函数);
*       2.$("绑定事件的元素").bind({"事件1",事件处理函数1,"事件2",事件处理函数2,..."事件n",事件处理函数n});
*   delegate():
*       $("父级元素").delegate("子级元素","事件",事件处理函数);
*   on():
*       1.$("绑定事件的元素").on("事件",事件处理函数);
*       2.$("绑定事件的元素").on({"事件1",事件处理函数1,"事件2",事件处理函数2,..."事件n",事件处理函数n});
*       3.$("父级元素").on(""事件",子级元素",事件处理函数);
* on<=>off
* delegate<=>undelegate
* bind<=>unbind
 


												


											
jQuery笔记（事件绑定和解绑）的更多相关文章
	

    
						
  1. python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))
		
    一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度 获取宽度 .width() 描述:为匹配的元素集 ...
    
		
    2. 
						
  2. 前端 -----jQuery的事件绑定和解绑
		
    11-jQuery的事件绑定和解绑   1.绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (S ...
    
		
    3. 
						
  3. jQuery的事件绑定和解绑
		
    1.绑定事件 $('获取的标签对象').bind('要操作的方法,  {操作的内容  是字典的形式},function(){} ') 语法: bind(type,data,fn) 描述:为每一个匹配元 ...
    
		
    4. 
						
  4. 10 jQuery的事件绑定和解绑
		
    1.绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data ( ...
    
		
    5. 
						
  5. jQuery系列（十一）：jQuery的事件绑定和解绑
		
    1.绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data ( ...
    
		
    6. 
						
  6. python全栈开发day49-jquery的位置信息、事件流、事件对象，事件委托，事件绑定和解绑
		
    一.昨日内容回顾    1. jQuery的属性操作 1) html属性操作:attr 2) DOM属性操作:prop 3) 类样式操作:addClass.removeClass.toggleClas ...
    
		
    7. 
						
  7. 11-jQuery的事件绑定和解绑
		
    1.绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data ( ...
    
		
    8. 
								
  8. jQuery绑定和解绑点击事件及重复绑定解决办法
		
    原文地址:http://www.111cn.net/wy/jquery/47597.htm 绑点击事件这个是jquery一个常用的功能,如click,unbind等等这些事件绑定事情,但还有很多朋友不 ...
    
		
    9. 
						
  9. 原生js绑定和解绑事件,兼容IE,FF,chrome
		
    主要是最近项目中用到了原生的js 解绑和绑定 事件  然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. fdisk分区实例
			
    查看磁盘分区详情 直接使用fdisk -l 或者使用fdisk /dev/sda,再使用p命令来查看 Command (m for help): p Disk /dev/sda: 32.2 GB, 3 ...
    
			
    2. 
						
  2. Android组件内核之Activity调用栈分析（一）
			
    阿里P7Android高级架构进阶视频免费学习请点击:https://space.bilibili.com/474380680 导语 我们陈述一下Activity,Activity是整个应用用户交互的 ...
    
			
    3. 
						
  3. Python中xlrd、xlwt、win32com模块对xls文件的读写操作
			
    # -*- coding: utf-8 -*- #xlrd和xlwt只支持xls文件读写,openpyxl只支持xlsx文件的读写操作 import xlrd import xlwt import w ...
    
			
    4. 
						
  4. spring security 学习三-rememberMe
			
    功能:登录时的“记住我”功能 原理: rememberMeAuthenticationFilter在security过滤器链中的位置,在请求走认证流程是,当前边的filter都不通过时,会走remem ...
    
			
    5. 
						
  5. apache下logs下的日志文件简单说明
			
    一.日志分析 如果apache的安装时采用默认的配置,那么在/logs目录下就会生成两个文件,分别是access_log和error_log 1).access_log access_log为访问日志 ...
    
			
    6. 
						
  6. 【转载】RabbitMQ正确的安装方式（windows10）
			
    链接地址:https://www.cnblogs.com/saryli/p/9729591.html
    
			
    7. 
						
  7. 例行性工作排程   （crontab）
			
    说白了,就是一些例行工作的日常执行的排序程序 Linux  工作排程的种类:  at,cron 鸟叔说,atd并不是在所有版本都是开启的,但是centos7默认是开启的 [root@localhost ...
    
			
    8. 
						
  8. Angularjs书写规范
			
    文件命名原则: 遵循以描述组件功能,然后是类型(可选)的方式来给所有的组件提供统一的命名 命名:feature.type.js. 测试文件名(feature.type.spec.js) 大多数文件都有 ...
    
			
    9. 
						
  9. Oracle实现主键自增的几种方式
			
    数据库作为一个系统的核心,数据库设计的1NF就是一个表结构必须有唯一约束也就是主键,Oracle数据库本身没有自增机制,不像MySQL直接使用关键字AUTO_INCREMENT自动加一,所以需要我们去 ...
    
			
    10. 
						
  10. 【错误总结】Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
			
    大致意思是因为模板里面应该包含一个根元素,使用组件的时候应该用div或p标签包起来
    
			
    11.