jquery事件绑定
.bind() 为一个元素绑定一个元素处理程序。 .bind(eventType[,eventData],handler(eventObject)) eventType 一个包含一个或多个DOM事件类型的字符串,或自定义事件的名称。 eventData 一个对象,它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每当事件触发时执行的函数。 .bind(eventType[,eventData],preventBubble) eventType 一个包含一个或多个DOM事件类型的字符串,或自定义事件的名称。 eventData 一个对象,它包含的数据键值对映射将被传递给事件处理程序。 preventBubble 第三个参数设置为false 将绑定一个函数。防止默认事件,阻止事件冒泡,默认值是true。 .bind(events) events 一个对象,包含一个或多个DOM事件类型或函数执行他们。
用法: $('#foo').bind('click', function() { alert('User clicked on "foo."'); }); //当点击#foo这个元素的时候弹出 这句话。
$('#foo').bind('mouseenter mouseleave', function() { $(this).toggleClass('entered'); }); // 一次可以绑定多个 事件,用逗号隔开,
.delegate() 为所有匹配选择器的元素绑定一个或者多个事件处理函数,基于一个指定的根元素的子集,匹配的元素包括那些匹配到的元素,也包括那些今后可匹配的元素。 .delegate(eventType[,eventData],handler(eventObject)) eventType 一个包含一个或多个DOM事件类型的字符串,或自定义事件的名称。 eventData 一个对象,它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每当事件触发时执行的函数。 .delegate(selector,eventType,eventData,handler(eventObject)) selector 选择器字符串,用于过滤器触发事件的元素。 eventType 一个包含一个或多个DOM事件类型的字符串,或自定义事件的名称。 eventData 一个对象,它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每当事件触发时执行的函数。 .delegate(selector,events) selector 选择器字符串,用于过滤器触发事件的元素。 events 一个对象,包含一个或多个DOM事件类型和函数并执行它们。 使用方法: $("table").delegate("td", "click", function() { alert($(this).text()); }); 每当td的文字被点击时候,要显示一个警告框: $("body").delegate("a", "click", function() { return false; }) 返回false,取消默认的行为,防止从它冒出来的,: $("body").delegate("a", "click", function(event){ event.preventDefault(); }); 要取消默认动作只有通过使用preventDefault方法。
.die() 从元素中删除先前.live()绑定的所有事件。 .die() 这个方法不接受任何参数。 .die(eventType[,handler]) eventType 一个包含一个JavaScript事件类型的字符串,比如click 或keydown。 handler 将来不用执行的函数。 .die(events) events 包含一个或多个事件类型的一个普通对象. 用法: $("p").die() 解除所有段落上绑定的live 事件。 $("p").die("click") 解除所有段落上通过live事件绑定的click 事件。
.off() 移除一个事件处理函数。 .off(events[,selector][,handler]) events 一个或多个空格分隔的事件类型和可选的命名空间 selector 一个选择器,当绑定事件处理程序时匹配最初传递给 handler 以前附加的事件处理函数. .off(events[,selector]) events 一个对象的字符串所代表的一个或多个空格的事件类型和可命名的空间。 selector 一个选择器,当绑定事件处理程序的匹配最初传递给。 .off(event) event 一个jqery.event对象。 .off() 这个方法不接受任何参数。
用法: $("p").off() 移除所有段落上的事件: $("p").off( "click", "**" ) 移除所有段落上的代理事件:
.on() 在选定的元素上绑定一个或多个事件处理函数。 .on(events[,selector][data],handler(eventObject)) events 一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", selector 一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。 data 当一个事件被触发时,要传递给事件处理函数的event.data。 handler 事件被触发时,执行的函数。 .on( events [, selector ] [, data ] ) events 一个对象,键是由一个或多个由空格分隔的事件类型及可选的名字空间,值是这些事件类型所对应的事件处理函数。 selector 一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。 data 当一个事件被触发时,要传递给事件处理函数的event.data。 用法: $('p').on("click",function(){ alert($(this).text()); }) //当点击段落的时候,显示该段落中的文本。
$('form').on("submit",false) //取消表单的提交动作。
$("form").on("submit",function(event){ event.preventDefault(); }) // 通过使用.preventDefault() 仅取消默认的动作。
$("div").on("click",function(event,person){ alert("Hello,"+person.name); }) //传递一个data数据给事件处理程序,作为第二个参数。
$("body").on("click","p"function(){ alert($(this).text()); }) // 当点击该段落时候,显示该段落的文本。
.one() 为一个元素的事件添加处理函数,处理函数在每个元素上每种事件类型最多执行一次。 .one(events[,data],handler(eventObject)) events 一个包含一个JavaScript事件类型的字符串,比如click; data 一个对象,它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法: $( "#foo" ).one( "click", function() { alert( "This will be displayed only once." ); }); //第一次点击该段落的时候会 弹出警示框。
.trigger() 根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为。 .trigger(eventType[,extraParameters]) eventType 一个包含一个JavaScript事件类型的字符串,比如click; extraParameters 传递给事件处理程序的额外参数。 .trigger(event[,extraParameters]) event 一个jquery.event对象。 extraParameters 传递给事件处理程序的额外参数。 用法: $('#foo').on('click', function() { alert($(this).text()); }); 若要提交第一个表单但又不想使用 submit() 函数,请尝试如下方法: $("form:first").trigger("submit"); .triggerHandler() 为一个事件执行附加到元素的所有处理程序。 .triggerHandler( eventType [, extraParameters ] ) eventType 以后包含JavaScript事件类型的字符串,比如click 或 submit。 extraParameters 传递给事件处理程序的额外参数。 .triggerHandler(event[,extraParameters]) event 一个 jQuery .Event 对象. extraParameters 传递给事件处理程序的额外参数。 $("#old").click(function(){ $("input").trigger("focus"); }); //当点击了这个元素才会触发input 的获得焦点事件。
.unbind() 从元素上删除一个以前附加事件处理程序。 .unbind(eventType[,handler]) eventType 一个包含JavaScript事件类型的字符串,比如click 或 submit。 handler 这个函数今后不在执行。 .unbind(eventType,false) eventType 一个包含JavaScript事件类型的字符串,比如click 或 submit。 false 解除绑定相应的'return false'函数,这个函数使用.bind( eventType,false )绑定。 .unbind(event) 一个jquery.event对象。 .unbind() 此签名不接受任何参数。 用法: $('#foo').unbind(); //删除所有事件类型的处理程序。 $('#foo').unbind('click') //删除所有点击事件。 .undelegate() 删除当前选择器匹配的所有元素的事件处理程序,根据组特定根元素的集合。 .undelegate( selector, eventType ) selector 选择器字符串,用于过滤器触发事件的元素。 eventType 一个包含一个或多个用空格隔开的JavaScript事件类型的字符串,比如"click"或"keydown"。 .undelegate( selector, eventType, handler(eventObject) ) selector 选择器字符串,用于过滤器触发事件的元素。 eventType 一个包含一个或多个用空格隔开的JavaScript事件类型的字符串,比如"click"或"keydown"。 handler(eventObject) 每当事件触发时执行的函数。 .undelegate( selector, events ) selector 选择器字符串,用于过滤器触发事件的元素。 events 一个或多个事件类型和以前绑定的函数组成的一个对象,用来以解除他们(处理程序)。 .undelegate( namespace ) namespace 一个字符串,其中包含一个命名空间,以解除所有事件。 用法: 解除绑定的所有段落都从委托的事件: $("p").undelegate() 解除绑定的所有段落的所有委托点击事件: $("p").undelegate( "click" )
- 我所理解的RESTful Web API [Web标准篇]
- ASP.NET Web API中的Controller
- iOS 转场动画探究(二)
- Swift 面向对象解析(二)
- 谈谈基于OAuth 2.0的第三方认证 [中篇]
- [ASP.NET Web API]如何Host定义在独立程序集中的Controller
- ASP.NET Web API自身对CORS的支持: EnableCorsAttribute特性背后的故事
- 【黑客解析】黑客是如何实现数据库勒索的 ?
- 直播回看:高可用架构入门 —— 腾讯云架构演变及经验
- 【腾讯云的1001种玩法】十分钟轻松搞定云架构之一 :从上云开始
- 【腾讯云的1001种玩法】十分钟轻松搞定云架构之二:更好的网络
- 【腾讯云的1001种玩法】十分钟轻松搞定云架构之三:更大的存储
- Socket学习总结系列(一) -- IM & Socket
- 【腾讯云的1001种玩法】十分钟轻松搞定云架构 之四:替你分心的负载均衡
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【每日一题】37. Sudoku Solver
- A quick introduction to innodb_ruby (2.对innodb_ruby的简单介绍)
- Webkit 内核初探
- 配置跨域后,框架帮我们做了什么?
- python应用(1):安装与使用
- TCP粘包和拆包
- 性能测试必备命令(1)- free
- 记一次有趣的挖矿病毒
- 性能测试必备知识(10)- Linux 是怎么管理内存的?
- Ng-Matero V10 正式发布!
- 30.Python装饰器
- 13-5 vi查找和替换
- 设计模式~适配器模式
- Django model 层之事务管理总结
- 如何在 asp.net core 的中间件中返回具体的页面