$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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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万+
事件绑定
jquery on_jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 264
jquery on 用新的jQuery函数.on（）替换.live（），我已经看到了几种使用它的方法。 在这里，我看一下在事件委托中使用主体或文档作为绑定元素之间的主要区别。 如果您是事件委托的新成员，则它提供了将事件附加到尚未创建的元素的方法，并且在将事件附加到相同类型的多个元素时开销也较低。 有关更多信息，以及如果您不知道为什么不推荐使用.live（）的话，请查看jQuery .live（）与...
jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 646
随着新的jQuery功能。对（）代替.live（）我已经看到了几种不同的方式来使用它。 下面我就来看看用肢体或文档作为事件委托绑定元素之间的主要区别。 如果你的新事件委托它提供附加的事件尚未与附加事件的相同类型的多个元素时也具有较低的开销创建的元素的手段。 欲了解更多信息，如果您想知道为什么.live（）不好已过时看看jQuery的.live（）VS。对（）审核 。 大多数浏览器事件气泡，或繁...
jQuery中$.click()无效问题分析
12-09
今天做表格前台导出到...但失败。最后找到这个文件。 ...前段时间的一次发呆，冒出了新的想法，于是就动手进行了测试。 先看下边的代码： 代码如下:  <...body>  磨途歌 </body> </html> [removed]<
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
09-03
在jQuery中，我们可以通过`$.ajax()`函数提交JSON格式的数据，后端（如Java的Spring MVC）可以直接解析这些数据： ```javascript // jQuery 示例 $.ajax({ url: '/carlt/loginForm', method: 'POST', data: {...
jquery $.trim()去除字符串空格的实现方法【附图例】
10-22
在上面的代码中，`showBtn`按钮使用`jQuery.trim()`来检查`content`字段的值是否为空，而`showBtn1`按钮尝试直接在字符串对象上调用`trim()`方法，这是不标准的JavaScript写法，虽然在Firefox中可能不会报错，但在IE...
jQuery中on()方法用法实例详解
10-24
$("p").on("click", function() { $(this).css("background-color", "pink"); }); $("button").click(function() { $("p").off("click"); }); }); ``` 2. 多个事件绑定同一个函数： ```javascript $...
Vue.js在数组中插入重复数据的实现代码
10-18
<button type="button" @click="add">增加数据</button> window.onload = function() { vm = new Vue({ el: '#app', data: { arrMsg: ['apple', 'orange', 'pear'] }, methods: { add: function() { ...
.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 565
$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别
$().click()和$().on(‘click‘,function(){})的区别
Tommy
09-09 2074
在处理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 292
实例 移除所有 <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 143
知识点温故而知新   1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处呢：1，提高性能。 我们可以看一个例子：需要触发每个li来改变他们的背景颜色。 &lt;u...
[前端系列] jquery的on事件实现hover函数效果
程序员老狼专注开发aigc或客服系统应用
12-18 2209
当使用jquery的on函数的时候，可以给动态添加的元素增加事件，但是却没有悬浮hover函数了 可以使用这种方式模拟实现hover函数效果 $("body").on("mouseover mouseout",".lineItem",function(event) { if(event.type == "mouseover"){ //鼠标悬浮 ...
jQuery事件绑定与冒泡处理、绑定多种事件@2018-06-16
qq_34983808的博客
06-16 260
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、付费专栏及课程。

余额充值