文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery的delegate事件参数说明

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

1.1K10
您找到你想要的搜索结果了吗？
是的
没有找到

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.7K20

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

4K30

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

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

1.8K00

关于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.3K20

从零开始学 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请求多次。 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

39330

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.8K30

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高级

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

1.5K50

杨老师课堂之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.2K20

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.6K30

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

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

15730
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券