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

最新推荐文章于 2023-04-07 00:33:39 发布
转载 最新推荐文章于 2023-04-07 00:33:39 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://m.imooc.com/qadetail/209604
文章标签：

#javascript

本文深入探讨了JavaScript中`.on('click','button',function(){...}
部署运行你感兴趣的模型镜像

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

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

     

您可能感兴趣的与本文相关的镜像

Qwen-Image

Qwen-Image

图片生成
Qwen

Qwen-Image是阿里云通义千问团队于2025年8月发布的亿参数图像生成基础模型，其最大亮点是强大的复杂文本渲染和精确图像编辑能力，能够生成包含多行、段落级中英文文本的高保真图像

js 键值判断
yr123456654321的博客
01-25 409
$("body").on("keydown",function(event){ debugLog("event.which："+event.which); if(event.which === 37){ debugLog("left37") event.preventDefaul...
JQuery使用$.ajax()实现异步请求
pan_junbiao的博客
08-01 1万+
JQuery 对 Ajax 操作进行了封装，在JQuery 中$.ajax() 方法属性最底层的方法，第二层时 load()、$.get() 和 $.post()方法，第三层是$.getScript() 和 $.getJSON() 方法。下面将介绍最底层的$.ajax() 方法的使用。 JQuery使用 $.ajax() 实现异步请求，关键代码： //加载数据钮事件 $("#btnLoad").click(function () { //请求参数对象 var params = ...
js中的事件委托
miyacnn的专栏
03-20 207
知识点温故而知新   1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处呢：1，提高性能。 我们可以看一个例子：需要触发每个li来改变他们的背景颜色。 <u...
jquery中click事件绑定及移除的几种方法总结
qq_40984495的博客
02-09 3026
jQuery绑定、解绑事件方式总结
jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 764
随着新的jQuery功能。对（）代替.live（）我已经看到了几种不同的方式来使用它。 下面我就来看看用肢体或文档作为事件委托绑定元素之间的主要区别。 如果你的新事件委托它提供附加的事件尚未与附加事件的相同类型的多个元素时也具有较低的开销创建的元素的手段。 欲了解更多信息，如果您想知道为什么.live（）不好已过时看看jQuery的.live（）VS。对（）审核 。 大多数浏览器事件气泡，或繁...
jQuery $('body').on()vs $('document').on()
燕儿归的专栏
11-17 1万+
用新的jQuery函数替换.live（）我已经看到了几种不同的方式来使用它。在这里我看看使用body或document作为事件委托中的绑定元素的主要区别。如果你是新的事件委托，它提供了将事件附加到尚未创建的元素的方法，同时将事件附加到同一类型的多个元素也具有较低的开销。有关更多信息，如果您想知道为什么.live（）被弃用，请查看jQuery .live（）与.on（）的评论。 大多数
jQuery中$.click()无效问题分析
12-09
今天做表格前台导出到...但失败。最后找到这个文件。 ...前段时间的一次发呆，冒出了新的想法，于是就动手进行了测试。 先看下边的代码： 代码如下:  <...body>  磨途歌 </body> </html> [removed]<
jQuery中on()方法用法实例详解
10-24
$("p").on("click", function() { $(this).css("background-color", "pink"); }); $("button").click(function() { $("p").off("click"); }); }); ``` 2. 多个事件绑定同一个函数： ```javascript $...
浅谈jquery之on()绑定事件和off()解除绑定事件
11-29
$("body").on("click", "button", function() { // 处理点击事件的代码 }); ``` 2. `off()`函数用于移除已经通过`on()`绑定的事件处理函数。同样有两种主要的用法： - 基本形式：`jQueryObject.off([events, ...
uni-app如何页面传参数的几种方法总结
10-15
本文将详细介绍uni-app页面传参数的几种方法，特别关注`uni.$emit()`和`uni.$on()`的使用，以及它们在实际开发中的应用场景。 首先，`uni.$emit(eventName, OBJECT)`是用来触发全局的自定义事件。你可以向事件中...
js中事件绑定,$("body").on("click")与$("").click()区别
梦里回忆-专栏
10-07 1万+
事件绑定
jquery on_jQuery $（'body'）。on（）与$（'document'）。on（）
05-06 338
jquery on 用新的jQuery函数.on（）替换.live（），我已经看到了几种使用它的方法。 在这里，我看一下在事件委托中使用主体或文档作为绑定元素之间的主要区别。 如果您是事件委托的新成员，则它提供了将事件附加到尚未创建的元素的方法，并且在将事件附加到相同类型的多个元素时开销也较低。 有关更多信息，以及如果您不知道为什么不推荐使用.live（）的话，请查看jQuery .live（）与...
苹果手机$('body').on('click',selector,function(){})点击无效的问题
onepiece1991的博客
02-14 1701
简介： 刚做一个手机端的评价页面，点击事件是用的 $("body").on("click",selector,function(){ //通过body给子元素selector来绑定点击事件是为了防止子元素还没加载出来使点击事件无效 }) 星级评价可以点击，但是下面的标签选择就出现了问题，Android没问题，iOS死活点不了； js代码绑定方式都是一样的，html层级也没有问题，对比cs...
.click()与on('click',function())
zhouzy539的博客
10-17 3万+
之前遇到过一次.click()无效，改成on绑定click就好了的情况，看了几篇博客后，发现是自己对click()和on的理解不够，没太在意，最近又遇到了，所以写下这篇博客加深印象。 $(选择器).click(fn)：当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。而.J_del这个删除按钮是通过append加到页面上的 。所以.click()无效 .$(documen...
jquery 获取页面点击事件 $("body").click()
热门推荐
huaishuming的专栏
01-05 5万+
需求：当某个按钮触发click事件，那么显示 某个DIV 代码 $("#button1").click(function(){ $("#div1").show(); }); 再次点击则隐藏： 所以以上代码不要了 换成  $("#button1").click(function(){ $("#div1").toggle(); }); 定义和用法
jquery选择器中的逗号$(".bar",body).on("click",function(){})
rainbow8300的博客
09-17 1513
jquery选择器之$(“.bar”,body).on(“click”,function(){}) 在之前用jquery选择器时，清一色的都使用的(&quot;#id/.class/div&quot;).即便是选择器里加逗号，那也是在引号内加逗号(&quot;#id/.class/div&quot;).即便是选择器里加逗号，那也是在引号内加逗号(&quot;#id/.class/div&quot;).即便是选择器里加逗号，那也是在引号内加逗号(“ul.l
$(document).on(‘click‘, ‘#searchbtn‘, function (e){} 和 $(‘#searchbtn‘).on(‘click‘, function(e){}的区别
wyfdavid的博客
04-07 730
$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别
$().click()和$().on(‘click‘,function(){})的区别
Tommy
09-09 2362
在处理js追加元素点击事件时 遇到点问题 当你用$().click() 触发的时候 你追击的元素会无法触发 也就是 不在页面内的元素 on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。 e.stopPropagation(); 这个也是个知识点 阻止事件冒泡到父级元素 比如说 在多层嵌套li 的时候 点击事件触发 $(this) 输出是他的父级 加上e.stopPropagation(); 这一有效的解决
$contain.on('click',function(){ $('body,html').animate({scrollTop: '0px'},300) })
最新发布
07-24
- `$contain.on('click', function(){ ... })`：为 `$contain` 元素绑定点击事件。 - `$('body,html').animate({scrollTop: '0px'}, 300)`： - 使用 jQuery 的 `.animate()` 方法，对 `body` 和 `html` 元素的 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值