jQuery中on方法绑定事件如何有效的获取当前点击元素

2024-11-07

jquery 使用on方法给元素绑定事件

on方法在1.7版本中开始出现的,现在已经优先考虑on,并不是bind方法了. on( events [,selector] [,data] ,handler) event:为事件类型,可以有多个事件类型. selector:可选,过滤绑定在on方法上的后代元素.注:如果有selector,on方法是采用事件代理,这样可以提升代码性能. data:可选,当事件被触发时,它会传给event.data,从而可以加以利用 handler:当事件被触发时,执行的方法. $(document).on("b

jQuery中四个绑定事件的区别 on,bind,live,delegate

1.jQ操作DOM元素的绑定事件的四种方式 jQ中提供了四种事件监听方式,bind.live.delegate.on,对应的解除监听的函数分别是unbind,die,undelegate,off 2.bind $(selector).bind(event,data,function) event:事件,必选,一个或多个事件:data:参数,可选: fn:绑定事件发生时执行的函数,必选 bind()是最直接的,存在最久的绑定方法优点:兼容性好

jQuery中的bind绑定事件与文本框改变事件的临时解决方法

暂时没有想到什么好的解决办法,我现在加了个浏览器判断非ie的话就注册blur事件,这样有个问题就是blur实在别的控件活动焦点的时候,txtStation控件注册的方法是为了填充它紧挨着的一个下拉列表一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能时想尝试一下,用bind注册事件时发现怎么都不好使$("#txtStation").bind("onpropertychange", GetStationLevel); 复制代码

jquery使用on()方法绑定的事件被执行多次的问题

jQuery用on()方法绑定了事件之后,在代码执行过程中,可能会遇到事件被多次执行的情况. 本来以为是事件冒泡的问题,后来发现是on()方法的特性引起的问题. 简单还原一下问题的场景这里简单还原一下问题的场景,使用一个按钮给另一个按钮通过on()方法绑定事件. HTML的部分 <input id="bindEventBtn" type="button" value="给按钮绑定事件的按钮" /> <input id=&quo

jQuery中ready与load事件

jQuery中ready与load事件(来自慕课网) jQuery有3种针对文档加载的方法 $(document).ready(function() { // ...代码... }) //document ready 简写 $(function() { // ...代码... }) $(document).load(function() { // ...代码... }) 一个是ready一个是load,这两个到底有什么区别呢? ready与load谁先执行:大家在面试的过程中,经常会被问到一个问

jquery中Live方法不可用，Jquery中Live方法失效

jquery中Live方法不可用,Jquery中Live方法失效 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>. 蕃薯耀 2016年1月27日 09:31:23 星期三 http://fansh

jQuery中on()方法用法实例详解

这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能及各种常见的使用技巧,并对比分析了与bind(),live(),delegate()等方法的区别,需要的朋友可以参考下本文实例分析了jQuery on()方法的用法.分享给大家供大家参考.具体分析如下: 一.jQuery on()方法的使用: on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"k

mui-当使用addeleventlisener（）方法绑定事件时选择器无法绑定事件

在mui中绑定事件不能用jQuery或mui(“#XX”)的形式选取某个元素,而是document.getelementbyid()的形式 mui(“#XX”)可以使用on方法绑定事件

jQuery中on()方法用法实例

这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能.定义及在匹配元素上绑定一个或者多个事件处理函数的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中on()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以在匹配元素上绑定一个或者多个事件处理函数.使用off()方法可以删除on()方法绑定的事件. 语法结构一: $(selector).on(events,[selector],[data],fn) 参数列表: 参数描述 events 一个或多个用

关于Jquery中ajax方法data参数用法的总结

data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQuery 将自动为不同值对应同一个名称.如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'. 示例: $.ajax({ type: "POST", url: "so

模拟JQUERY的延迟方法绑定

模拟JQUERY的延迟方法绑定, 对于延迟方法绑定,各种语言都有不同的描述什么回调啊,函数指针啊,委托啊,事件啊等,其实也就是那么大回事,不过用好这些特性,对于扩展和架构是非常有好处的, 好处自然就不说啦,下面的这些代码仅供把玩,BUG和不兼容是有的,每次放列子,都有伙计叫我写完我想说,写完了,我还会在这里写博客么,不如泡妹子 <script type="text/javascript"> $('t').click(function() { alert('111');

jQuery中 index() 方法的使用

假设一个集合中有10个元素,源生js在添加事件的时候,会使用for循环,里面的i的值,就是当前点击元素是集合中的第i个元素.在jquery中,获得i的值的方法如下: <ul id="act"> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li>

jQuery中eq()方法用法实例

本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码代码如下: $(selector).eq(index) 参数列表: 参数描述 index 定义元素在元素集中的索引,从零开始的. 如果是负数则从最后一个元素往回计数. 越界无效. 实例代码: 实例一: 复制代码代码如下: <!DOCTYPE HTML> <html> <head

深度理解Jquery 中 offset() 方法

参考原文:深度理解Jquery 中 offset() 方法

jQuery如何给body绑定事件？

jQuery如何给body绑定事件? 代码如下: $(document).bind("resize", function () { alert("php-note.com"); });

jQuery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一: 获取第一个匹配元素指定属性的属性值. 代码如下: $(selector).attr(name) 参数列表: 参数描述 name 定义要获取其值的属性名称. 实例代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="

使用jquery中height()方法获取各种高度大全

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括border padding margin alert($(window).width());

锋利的jQuery读书笔记---jQuery中Ajax--load方法

第一个Ajax例子 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="Ajax提交" onclick="Ajax();&qu

jQuery中的方法

jQuery中的方法来操作HTML标签中的属性 attr(name) 获取当前对象的指定的属性的值 attr(key,value) 给当前对象设置属性值 attr(properties) 一次给当前对象设置多个属性值要求参数必须是一个JSON对象 removeAttr(name) 移动当前对象的属性名和属性值 jQuery对象操作标签中的class属性 addClass(class) 给当前对象添加class属性值 removeClass(class) 将当前对象的clas

解析jQuery中extend方法--源码解析以及递归的过程《二》

源码解析在解析代码之前,首先要了解extend函数要解决什么问题,以及传入不同的参数,会达到怎样的效果.extend函数内部处理传入的不同参数,返回处理后的对象. extend函数用来扩展对象,增加属性和方法. 传入的参数有以下形式: 详细参见:解析jQuery中extend方法--用法<一> 可以传入N多个参数,将src1,src2..srcN的每一项合并到dest中 extend(dest,src1,src2...srcN); 只传入一个对象时,$.extend(),给jQuery扩展静

jQuery中animate()方法用法实例

本文实例讲述了jQuery中animate()方法用法.分享给大家供大家参考.具体分析如下: 此方法用于创建自定义动画,并且能够规定动画执行时长.擦除效果.动画完成后还可以地触发一个回调函数. animate()方法的使用: 方式一: 以"属性名/值"对象的方式定义动画终止样式属性.例如: 代码如下: $("div").animate( {width:"1000px"}) 以上代码能够将div从原有的宽度调整到1000px.也可以一次性使用

jQuery中on方法绑定事件如何有效的获取当前点击元素

热门专题