首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery的delegate事件参数说明

JQuery的delegate事件: delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。...$(selector ).delegate(childSelector ,event ,data ,function ) 注意了 : delegate是用在父子元素之间的一个事件,意思就是说childselector....jean 或者如果是ID的话就是 #jean,千万不要写成$(“.jean”)哦 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

1.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery 查找on事件绑定元素的被绑定元素方法

    jQuery 查找on事件绑定元素的被绑定元素方法 遇到的问题 今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(...){ $(this) }); 如上代码,当我点击这个图片的时候 $(this) 是指 img ....当然这是正确的. 而我需要找到 $box 也就是 img 的父级. 如果不是插件的话,我当然可以根据它的ID或者CLASS来进行查询.问题是,我是写的插件,也就是说,我并不知道它的这些信息是什么....解决方法 很多基础的东西不理解,就会出现我这样的问题.如同事所说,你是还不会爬呢,都学上跑了.因此,踩坑无数啊....解决方法如下: $box.on('click', 'img', function(){ $box.has($(this)) }); 如上,通过 .has 操作,就能找到唯一的父级被绑定元素了.

    4.5K10

    jQuery源码解析之click()的事件绑定

    二、$().click() 作用: 为目标元素绑定点击事件 源码: //这种写法还第一次见,将所有鼠标事件写成字符串再换成数组 //再一一绑定到DOM节点上去 //源码10969行 jQuery.each...() 作用: 在被选元素及子元素上添加一个或多个事件处理程序 源码: //绑定事件的方法 //源码5812行 jQuery.fn.extend( { //在被选元素及子元素上添加一个或多个事件处理程序...jQuery.on() 方法: //绑定事件的on方法 //源码5143行 //目标元素,类型(click,mouseenter,focusin,xxx),回调函数function(){xxx...); } ); } 解析: 可以看到,由于将 bind()、live() 和 delegate() 都合并进 on() 后,on() 里面的情况挺复杂的, data、selector、...:\.(.+)|)/; 综上,绑定事件的本质即调用element.addEventListener()方法,但 jQuery 有太多的情况需要考虑了。 (完)

    1.8K20

    jQuery 事件(三) 事件的绑定和解绑、对象的使用、自定义事件

    事件的绑定和解绑 on()的多事件绑定 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。...jQuery on()方法是官方推荐的绑定事件的一个方法 基本用法:.on( events ,[ selector ] ,[ data ] ) 最常见的给元素绑定一个点击事件,对比一下快捷方式与on...为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode...正常来说是不可以的,但是jQuery解决了这个问题,提供了一个trigger方法来触发浏览器事件 $('#elem').trigger('click'); //在绑定on的事件元素上,通过trigger...尽管 .trigger() 模拟事件对象,但是它并没有完美的复制自然发生的事件,若要触发通过 jQuery 绑定的事件处理函数,而不触发原生的事件,使用.triggerHandler() 来代替 triggerHandler

    4.1K30

    关于jQuery用bind动态绑定事件无效的处理

    最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个事件 于是不假思索的 用$(obj).bind(); 来绑定事件 。...但是这样存在一个问题: bind确实能绑定事件,但是那是相对于固定的html标签来说 当页面内容属于动态加载的时候,bind事件就存在一个bug, 只能bind一次,当你第二次触发事件的时候就没用了...例如: 我给标签赋予一个click , 标签包括内容都是从后台数据读取然后动态加载的 。...当我使用bind来绑定click事件,这时, 第一次点击click能成功触发 但是第二次点击,click事件无效了......后面研究发现,jQuery还有个绑定事件的方法:delegate(); 用法如下: $(".sentnum-box").delegate(".a-add-ordergoods","click",function

    1.4K20

    使用jQuery.data()查看元素上绑定的事件

    最近遇到一个诡异的问题,发现我添加在一个HTMLElement片段上面的事件绑定,会在后续的流程中,无故丢失了。但是,我不知道它是什么时候丢失的。 所以我需要要一步步逼近定位到问题。...最先想到的是浏览器面板上面的,可以选中元素,看元素上面的事件绑定。 但浏览器上面看到的是结果量,也就是看到的是已经丢失了事件的元素,但我还是不知道什么时候丢失的。...我可以断点取到每个阶段的HTMLElement元素的状态,但是,这个时候,我却找不到观察其事件绑定情况的方法。 谷歌好久,发现JS原生是没法查看事件绑定情况的。...还好,我们都是用的jQuery,用的$.on()。 而jQuery自身事件绑定,额外添加了一层事件数组。...,就会返回这个元素上面绑定的所有事件。

    1.9K00

    从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

    它封装JavaScript常用的功能代码,提供一种简便的操作,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。...的方方式绑定事件没有 on 2、className 是DOM对象的方法,jQuery不能调用。...3、jQuery对象.val();表示获取该对象 value 属性的值; 4、jQuery对象.val("值");表示设置该对象 value 属性的值; 四、页面加载事件 1、DOM中页面加载事件...2、jQuery中页面加载事件 2.1、方式一:DOM转jQuery方式 $(window).load(function () { console.log("load:1"); }); $(window...$ 也可以换成 jQuery。 特点:不是整个页面的所有元素,而是页面中的基本元素加载完后就执行,所以比使用 load 的方式快一些。

    1.6K40

    dom 自定义事件_pix4D生成dom

    之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下...(4)在jquery1.7 起版本用on替代了bind()、live() 和 delegate() 方法。 3....bind,每次触发事件都会绑定一次操作,所以触发第一次的时候,ajax请求一次;第二次的时候,ajax请求1+1=2次;第三次就是1+2+1=4次;第四次就是1+2+4+1=8次,以此类推。...所以如果利用bind绑定事件的话,要先unbind解绑元素原本有的事件再绑定事件,才不会导致ajax请求多次。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    41130

    jquery ajax请求成功,数据返回成功,seccess不执行的问题

    这次查看不存在跨域的问题。此时就很是不解。 事情的来源是这样的: 后台的配置管理模块中有一块是关于国际化的配置,增加国际化描述等等,查询国际化描述。...这时第一反应是事不时数据返回的有问题,粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现,显示不出来。...原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: [/b]document.domain,或者采用Jsonp的方式,如我的前一篇blog中提到的。...还有一点对JQuery 中Ajax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前...请求的域和当前域是否是同一域,如果不是同一域也十分有可能进入error:function(){***} 原帖:http://www.myexception.cn/ajax/413061.html

    3.9K30

    jquery.ajax()怎么把获取来的内容转为JSON,并使用。

    现在越来越多的接口调用返回的数据类型为json数据类型,所以我们在写网页的时候通过AJAX调用数据的话可以通过设置JQ的属性 dataType : "json", 来设置返回数据的格式。...设置了这个属性之后我们就可以按JSON格式使用AJAX返回的内容。...中我们得到的 a 的内容为一个JSON字符串 {"errcode":xxx,"errmsg":"xxxxxxxxxxxxxx"}, 在浏览器的控制器中我们可以看到当触发AJAX时,控制器中返回一个数组。...但在微信小程序里面的wx.request 直接使用 a.data.errmsg这种方式就可以调用内容,不需要转换。...最后在啰嗦几句: 以上代码需要注意的一点是:在写JSON格式数据内容的时候一定要注意格式的准确性,数组的标题一定要用双引号引起来,字符型的数据也一定要用双引号引起来,数值型的可以不用符号引入。

    1.4K20

    jQuery学习笔记

    ).ready(function) |将函数绑定到文档的就绪事件(当文档完成加载时) | |$(selector).click(function) |触发或将函数绑定到被选元素的点击事件 | |...、或将函数绑定到指定元素的 double click 事件 | |delegate() |向匹配元素的当前或未来的子元素附加一个或多个事件处理器 | |die() |移除所有通过...100% 完成之后执行 jQuery DOM 获取/设置内容 text() 设置/返回所选元素的文本内容[原型:innerhtml] html() 设置/返回所选元素的内容(含HTML标签) val(...,指定索引) filter()返回可匹配的所有元素 not() 返回不匹配的所有元素 jQuery AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页的情况下...,后台加载数据并显示在页面上 AJAX菜鸟教程 jQuery ajax()方法 AJAX load() load() 从服务器加载数据,并返回数据 常常利用:调用一个重复的代码块,例如网页的导航

    7.4K30

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    one 绑定一次事件  绑定和解绑 在文档装载完成以后,如果打算为元素绑定事件来处理完成某些操作,则可以使用 bind()方法来对匹配元素进行特定的事件绑定,bind()方法的调用格式如下: bind...事件,而不触发 和元素上的 click事件.当单击 元素时,只触发 元素上的click事件, 而不触发元素上的click事件....•页面初次加载时不需要加载全部的javascript文件,在需要时动态加载 jQuery.getJSON(url, [data], [callback]) 通过 HTTP GET 请求载入 JSON...4.4 $.ajax  底层原始ajax请求方式  格式1:jQuery.ajax(url,[settings])  格式2:jQuery.ajax(settings);...如果需要发送的内容较少时,处理比较方便。但在真实项目中,往往需要处理的数据内容很复杂。 jQuery提供了相应的方法帮助开发者解决这个问题。

    8.3K20

    JQuery高级

    jQuery中定义变量的时候,一般命名用$开头。同事一看就知道是使用了jQuery,然后使用jQuery的语法。 其实$是jQuery中的一个函数。...把子级的事件委托给父级(父:最近的能包含住将来发生事件的所有子级)------ 事件代理 .delegate(真实发生事件的目标,字符串事件属性,匿名函数去写命令function(){}) 工作中有可能会有人用这个词...on() ,下面两种用法 ------完全等同delegate ------只找到将来发生事件的目标绑定on() 事件委托两个作用:1、提高了代码执行效率2、可以给未来元素绑定命令 通过程序追加的标签叫做未来元素...之前的click是只能给已有的元素绑定命令,事件委托则是既给已有的绑定命令,又可以给未来元素绑定命令。...// alert( $(this).index() ) // }) // on() -- 有两种用法:完全等同delegate 和 只找到将来发生事件的目标绑定

    1.5K50

    jQuery 快速入门教程

    js文件和内嵌的js代码一般不建议放在标签中,而应该放在内容主体的结束标签之前。从而让浏览器先加载页面内容,然后再加载并解析执行js代码。...$A.wrapInner( $B ); // 在$A的内侧包裹$B $A.empty(); // 清空$A的所有内容 $A.remove(); // 删除$A及其绑定的事件、附加数据等 $A.detach...jQuery核心:事件处理 jQuery具有强大的DOM事件处理功能,使用jQuery的事件处理方法,我们可以非常方便地为DOM元素的指定事件绑定处理函数。...而bind()、delegate()、on()等方法,是通过传入指定事件名称的字符串来区分事件类型的,甚至你还可以为自定义的事件绑定处理函数。...live()方法绑定的处理函数 $("selector").die("click"); //主要用于解除通过delegate()方法绑定的处理函数 $(document).undelegate("selector

    13.7K30

    【Java 进阶篇】JQuery 事件绑定:`on` 与 `off` 的奇妙舞曲

    在前端开发的舞台上,用户与页面的互动是一场精彩的表演。而 JQuery,作为 JavaScript 的一种封装库,为这场表演提供了更为便捷和优雅的事件绑定方式。...这样,即使在页面加载完成后动态添加了新的列表项,它们仍然会受到事件的监听。 解绑事件 on 方法不仅能绑定事件,还能解绑事件,以避免不必要的执行。...然后,通过 off 方法解绑了点击事件。这样,鼠标悬停事件仍然会被触发,但点击事件不再响应。 解绑所有事件 如果你想彻底解绑所有类型的事件,可以调用 off 方法时不传递任何参数。 绑定的事件才会被解绑,不影响其他事件。 小结 通过深入学习 on 和 off 方法,我们已经更好地理解了 JQuery 事件绑定的精髓。...在前端的世界里,事件是页面与用户互动的桥梁,了解并熟练使用事件绑定是每位前端开发者的基本功之一。希望这篇博客能够帮助你更好地驾驭 JQuery 中的事件绑定,让你的页面互动更加出色!

    19230
    领券