事件绑定
一、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. python-函数-动态传参,作用域的问题,函数嵌套,global nonlocal
			
    ⼀. 函数参数--动态传参 之前我们说过了传参, 如果我们需要给⼀个函数传参, ⽽参数⼜是不确定的. 或者我给⼀个 函数传很多参数, 我的形参就要写很多, 很⿇烦, 怎么办呢. 我们可以考虑使⽤动态参 ...
    
			
    2. 
						
  2. redis 入门之哈希
			
    hset 将哈希表 hash 中域 field 的值设置为 value .如果给定的哈希表并不存在, 那么一个新的哈希表将被创建并执行 HSET 操作.如果域 field 已经存在于哈希表中, 那么它 ...
    
			
    3. 
						
  3. docker安装及使用
			
    一.简介 说起docker,大多数人第一时间想起来的应该有虚拟化.云计算,这三者有什么区别呢? 对比: 我们所熟知的虚拟化有KVM.xen.Hyper-V等,这些虚拟化虚拟出来的服务器会产生一个新的操 ...
    
			
    4. 
						
  4. InnoDB中没有主键是如何运转的
			
    本文章翻译自 https://blog.jcole.us/2013/05/02/how-does-innodb-behave-without-a-primary-key/ 原文作者的创作背景 一个下午 ...
    
			
    5. 
						
  5. FastAdmin 关于列表渲染文字过长导致页面难以管理的问题
			
    先贴一张图片做个例子 看不清图片的朋友可以右键图片,在<新标签页中打开图片>; 可以看到,由于内容过长,导致后面操作的增删改要拉到最后才能操作. 在我们的FastAdmin中,目前我还没找 ...
    
			
    6. 
						
  6. shell变量的间接引用
			
    
			
    7. 
						
  7. 【LeetCode】Hash
			
    [451] Sort Characters By Frequency [Medium] 给一个字符串,要求返回按照字母出现频率的排序后的字符串.(哈希表+桶排) 有个技巧是Hash用Value作为In ...
    
			
    8. 
						
  8. jeesite框架常用插件
			
    1.分页: <div class="pagination">${page }</div> 2.日历:onclick="WdatePicker({d ...
    
			
    9. 
						
  9. taro-安装及使用-npm
			
    taro-安装及使用 https://nervjs.github.io/taro/docs/GETTING-STARTED.html 安装 Taro 项目基于 node,请确保已具备较新的 node  ...
    
			
    10. 
						
  10. Magento用SQL语句开发篇
			
    有时为了调试magento,需要获取当前的查询sql语句,在magento中获取SQL语句,这里我们通过$collection->getSelectSql(true)来调试sql 1 $coll ...
    
			
    11.