$body.on(‘click‘,‘button‘,function() {中.on在这里是什么意思的

最新推荐文章于 2023-04-07 00:33:39 发布
最新推荐文章于 2023-04-07 00:33:39 发布
阅读量3k 收藏
点赞数
分类专栏： javascript 文章标签： javascript
原文链接：https://m.imooc.com/qadetail/209604
版权

$body.on('click','button',function() {中.on在这里是什么意思的

  • on表示将事件绑定在body上，第一个参数click表示点击事件绑定到body对象，第二个表示冒泡到button则触发，第三个是触发的函数

     

firstcode666
关注
专栏目录
angularjs $compile服务及$scope.$eval实现html动态模板解析
qq_34065701的博客
08-28 1474
摘要： 用angularjs时，有时我们往往要讲数据库中的html字符串动态绑定到前端页面中，此时直接ng-html,html中的ng相关的指令是不起作用的，常见的是ng-click，此时应该如何解决
Flask与ajax（jQuery）交互的几种方法：$.post、$.get、$.getJSON 、$.ajax、 $.load
xiemanR的专栏
12-22 1万+
本文介绍jQuery封装的几种ajax方法与Flask后端交互的实现。jQuery封装的ajax方法有post、get、getJSON、ajax、load等，使用起来很方便。
jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 692
随着新的jQuery功能。对（）代替.live（）我已经看到了几种不同的方式来使用它。 下面我就来看看用肢体或文档作为事件委托绑定元素之间的主要区别。 如果你的新事件委托它提供附加的事件尚未与附加事件的相同类型的多个元素时也具有较低的开销创建的元素的手段。 欲了解更多信息，如果您想知道为什么.live（）不好已过时看看jQuery的.live（）VS。对（）审核 。 大多数浏览器事件气泡，或繁...
jQuery $('body').on()vs $('document').on()
燕儿归的专栏
11-17 1万+
用新的jQuery函数替换.live（）我已经看到了几种不同的方式来使用它。在这里我看看使用body或document作为事件委托中的绑定元素的主要区别。如果你是新的事件委托，它提供了将事件附加到尚未创建的元素的方法，同时将事件附加到同一类型的多个元素也具有较低的开销。有关更多信息，如果您想知道为什么.live（）被弃用，请查看jQuery .live（）与.on（）的评论。 大多数
js中事件绑定,$("body").on("click")与$("").click()区别
梦里回忆-专栏
10-07 1万+
事件绑定
苹果手机$('body').on('click',selector,function(){})点击无效的问题
onepiece1991的博客
02-14 1642
简介： 刚做一个手机端的评价页面，点击事件是用的 $("body").on("click",selector,function(){ //通过body给子元素selector来绑定点击事件是为了防止子元素还没加载出来使点击事件无效 }) 星级评价可以点击，但是下面的标签选择就出现了问题，Android没问题，iOS死活点不了； js代码绑定方式都是一样的，html层级也没有问题，对比cs...
jQuery中$.click()无效问题分析
12-09
今天做表格前台导出到...但失败。最后找到这个文件。 ...前段时间的一次发呆，冒出了新的想法，于是就动手进行了测试。 先看下边的代码： 代码如下:  <...body>  磨途歌 </body> </html> [removed]<
jQuery中.off()，on()详解集合
boy火巨的博客
12-28 1761
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。   off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法： 用法一： jQueryObject.off( [ events [, selector ] [, handler ] ] ) 用法二： jQu...
探讨jQuery中on()和click()的使用细节（区别）
Henry_626的博客
11-28 2002
今天在写一个聊天室程序中需要动态地添加和删除一些html元素，因为使用click()的过程中遇到了问题，在一番查阅后找到了问题的根源并改为使用on()成功解决，在此记录分享一下~ jQuery 中的on() 方法 ????语法： $(selector).on( events [, childSelector ] [, data ], handler(eventObject) ) events：类型: String 一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", “
jquery on_jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 289
jquery on 用新的jQuery函数.on（）替换.live（），我已经看到了几种使用它的方法。 在这里，我看一下在事件委托中使用主体或文档作为绑定元素之间的主要区别。 如果您是事件委托的新成员，则它提供了将事件附加到尚未创建的元素的方法，并且在将事件附加到相同类型的多个元素时开销也较低。 有关更多信息，以及如果您不知道为什么不推荐使用.live（）的话，请查看jQuery .live（）与...
.click()与on('click',function())
热门推荐
zhouzy539的博客
10-17 3万+
之前遇到过一次.click()无效，改成on绑定click就好了的情况，看了几篇博客后，发现是自己对click()和on的理解不够，没太在意，最近又遇到了，所以写下这篇博客加深印象。 $(选择器).click(fn)：当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。而.J_del这个删除按钮是通过append加到页面上的 。所以.click()无效 .$(documen...
$(document).on(‘click‘, ‘#searchbtn‘, function (e){} 和 $(‘#searchbtn‘).on(‘click‘, function(e){}的区别
wyfdavid的博客
04-07 612
$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别
$().click()和$().on(‘click‘,function(){})的区别
Tommy
09-09 2161
在处理js追加元素点击事件时 遇到点问题 当你用$().click() 触发的时候 你追击的元素会无法触发 也就是 不在页面内的元素 on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。 e.stopPropagation(); 这个也是个知识点 阻止事件冒泡到父级元素 比如说 在多层嵌套li 的时候 点击事件触发 $(this) 输出是他的父级 加上e.stopPropagation(); 这一有效的解决
$(document).on(）; 方法
Embrace_w的博客
03-21 3万+
$(document).on('click','要选择的元素',function(){}）；用于动态事件的绑定：        var sysfoot = '&lt;p class="verifi-box text-danger error-box mib-error"&gt;&lt;/p&gt;'; sysfoot += '&lt;button type="button" cla...
jQuery off() 方法
dengba9787的博客
02-26 331
实例 移除所有 <p> 元素上的 click 事件： $("button").click(function(){ $("p").off("click"); }); 　　 定义和用法 off() 方法通常用于移除通过on()方法添加的事件处理程序。 自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 ...
$().click()和$().on('click','要选择的元素'，function(){})的区别
qq_41676216的博客
11-29 1万+
$(选择器).click(function(){})：页面中已经存在的DOM。 $(ducument).on(‘click’,‘要选择的元素’,function(){})：动态创建的元素也能触发事件， 且ducument在页面已经存在，而不是动态添加的。 on方法包含很多事件，点击，双击等等事件。 下面举例子说明： //CSS可忽略 &lt;!doctype html&gt; &lt;h...
js中的事件委托
miyacnn的专栏
03-20 162
知识点温故而知新   1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处呢：1，提高性能。 我们可以看一个例子：需要触发每个li来改变他们的背景颜色。 &lt;u...
jQuery事件绑定与冒泡处理、绑定多种事件@2018-06-16
qq_34983808的博客
06-16 303
1、jQuery事件绑定 $('body').one('click',function(){ }) // 只会执行一次，然后销毁事件 2、冒泡处理 方式一： $('div').on('click',function(event){ event.stopPropagation();//阻止事件冒泡 alert(2) }) 方式二： $('...
为什么只有$(document).on('click', function(e) { $('.layui-dropdown').removeClass('layui-show'); });会被触发
最新发布
06-11
这是因为在浏览器中，事件冒泡的机制决定了子元素上的事件会先被触发，然后再依次向上冒泡到父元素和祖先元素。因此，如果你的页面中有类似下面这样的HTML结构： ```html <div class="layui-dropdown"> <button>下拉框</button> <ul>下拉内容</ul> </div> ``` 当你在下拉框中点击ul元素时，会先触发ul元素上的click事件，然后再依次向上冒泡到button元素和div元素。如果你在ul元素的click事件处理函数中阻止事件冒泡和默认行为，那么button元素和div元素上绑定的click事件就不会被触发。 而当你在文档的其他区域点击时，会依次触发html、body和document对象上的click事件，因为它们都是页面元素的祖先元素。因此，只有在document对象上绑定的click事件处理函数才能确保能够捕获到全部的点击事件，从而判断是否需要关闭下拉框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值