jq事件绑定与解绑

最新推荐文章于 2023-07-07 16:55:54 发布

liuyan1106_

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量502

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/liuyan1106_/article/details/110387367

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在JavaScript中如何为动态添加和已存在的元素进行事件绑定和解绑。示例代码展示了使用jQuery库的`on()`和`off()`方法来实现点击事件的添加与移除，这对于处理动态内容更新的页面尤其重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、动态添加的元素的事件绑定、解绑

// 绑定
$('body').on('click', 'p', function() {
  alert('绑定事件啦！');
});

//解绑
$('body').off('click', 'p');

二、元素事件绑定、解绑

// 绑定
$('p').on('click', function() {
  alert('绑定事件啦！');
});

//解绑
$('p').off('click');

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liuyan1106_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jQuery事件绑定和解绑：on()和off()方法的用法详解

ByteZenith的博客

10-02

255

总的来说，jQuery的on()方法用于事件绑定，可以绑定一个或多个事件处理程序，而off()方法用于解绑通过on()方法绑定的事件处理程序。在上面的示例中，我们首先使用on()方法绑定了点击和鼠标进入事件处理程序，然后使用off()方法解绑了点击事件处理程序。在上面的示例中，我们首先使用on()方法绑定一个点击事件处理程序，然后使用off()方法将其解绑。这样，当按钮被点击时，将不再弹出警告框。在上面的示例中，当按钮被点击时，将触发点击事件处理程序，同时当鼠标进入按钮时，将触发鼠标进入事件处理程序。

jQuery事件绑定与解绑

原地起飞

12-10

1928

参与评论您还未登录，请先登录后发表或查看评论

jQuery事件注册及处理

weixin_45785652的博客

06-05

347

jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。语法演示代码 <body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function(

jQuery事件绑定，解绑方式

董无敌啊

03-17

2002

绑定事件普通方法：$(selector).click(fn) 绑定多个事件：$(selector).bind(“event1 event2”,fn) 动态创建元素绑定事件：$(parentEle).delegate(childEle,”event1 event2”,fn) 终极版本：$(parentEle).on(“event1 event2”,childEle,fn) 触发事件简单触发事件

jq函数绑定与解绑

weixin_30493401的博客

08-31

281

最近学到几个新的jq函数 1、bind（）绑定函数 2、unbind（）解绑函数 3、add() .给元素追加字符串 4、addClass() 给某元素增加class属性值转载于:https://www.cnblogs.com/bigwang1126/p/9566556.html...

jq事件绑定

文武的博客

04-18

531

jq的四种事件绑定方法：.bind()/.live()/.delegate()/.on() $(selector).live(events, data, handler); $(selector).live(events, data, handler); $(document).delegate(selector, events, data, h

jQuery事件绑定和解绑

yuanmomoya的博客

08-29

219

就是当操作发生时，做出的相应处理，对于网页来说，操作无非式鼠标和键盘给的，对应的事件包括单击、双击、鼠标经过等等，我们要对相应的操作绑定事件 /* 通过jquery绑定事件 */ //1、通过事件类型绑定事件 //2、通过bind("type1 type2 type3..." , function(){//事件处理函数})方法绑定多个事件(相反的多个操作) ...

jq 事件解绑的一些技巧

Pany的博客

03-29

857

jq 事件解绑的一些技巧场景：当触发一个事件时，要禁止另一个事件最开始的思路是使用off() 解绑另一个事件，但是之后怎么恢复之前的绑定是个问题。正确做法：定义一个变量去控制var flag = true; $('.box').on('click',function(){ if(!flag){ return; } //.......... })

JQuery（三） -- JQuery对象事件的绑定与解绑

PUYALEI的博客

05-10

173

【代码】JQuery（三） -- JQuery对象事件的绑定与解绑。

浅谈jquery之on()绑定事件和off()解除绑定事件

10-21

使用on()方法可以同时绑定多个事件到相同的处理函数上，还可以处理事件委托的情况，即在父元素上绑定事件，然后指定子元素的选择器来触发事件。 on()方法的基本语法如下： ```javascript jQueryObject.on(events, ...

JQuery给元素绑定click事件多次执行的解决方法

01-19

原绑定方法：代码如下: $(“#sdfsd”).on(“mouseout”,function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法；解决办法更改绑定方法为：代码如下... 在绑定新click方法前对元素所绑定的click方法解绑

jq中的事件绑定

个人笔记

04-02

549

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div>div1</div> <div>div2</div> <div>div3</div> </body> </html&gt

jquery事件绑定和解绑

水巷石子的博客

09-18

3290

jquery事件绑定和解绑事件的绑定和解绑 <input id="btnId" type="button" onclick="clickFn()" value="点我,弹框"/> 方式1：在标签中写死 function clickFn(){} 方式2：在程序中动态绑定，但是不能解绑 $("#btnId").click(function(){}); 方式3：在程序中动态绑定，可以解绑 $("#btnId").on(“click”,function(){});

jQuery---解除事件

Philo的博客

01-26

5726

jQuery—解除事件常见的解除事件有三种，往往取决与你绑定事件所用的关键字：举例1： //绑定事件，使用id选择器给btn1绑定点击事件 $("#btn1").on("click",function(){ console.log("点击事件") }).mouseenter(function(){ console.log("鼠标聚焦事件") }) //点击第二个按钮，解除第一个按钮事件 $("#btn2").on("click",function()

jQuery事件绑定

m0_67388537的博客

07-07

2691

jQuery 事件对象常用属性也与之前学过的 DOM 事件对象几乎一致，多了一个。旧的 jQuery 事件绑定方法如。jQuery 允许给同一个 jQ 对象的同一个事件绑定多个不同的事件处理函数。jQuery 事件中的事件对象通过事件处理函数的形参获取，事件中的。指向绑定事件的 jQuery 对象代表的 DOM 对象，如果使用。等都可以使用第一种方式绑定事件，但也有特殊的如输入框的。方式添加的事件委托，委托事件处理函数中的。上的属性，与原生事件中的事件对象一致。jQuery 事件中的。

jQuery--解除事件绑定

吴声子夜歌的博客

10-02

3268

解除事件绑定 在元素绑定事件之后，当在某个时刻不再需要该事件处理时，可以解除所绑定的事件。在jQuery中提供了unbind()和undelegate()方法，分别用于解除由bind()和delegate()方法所绑定的事件，通过参数指明需要解除的绑定事件即可。当方法没有提供参数时，表示解除该元素所有的事件绑定。在jQuery1.7+中提供了off()方法，用于解除由on()、bind()和de...

jq事件的绑定也解除

weixin_44432032的博客

10-21

228

事件的绑定与解除 i=0; $('button').eq(0).click(function(){ $('img').bind('click',function(){ if(i%2==0){ this.src='b.png'; }else{ this.src='a.png';

JQ事件绑定和移除

qq_26239917的博客

05-09

1644

绑定是on 移除是off 这是移除具体的某一个时事件的函数也可以移除某一类事件 $(".count").on(“click”, “span”,count_on); $(".count").off(“click”, “span”,count_on); 这里思考的是 count_on(event)这个event是哪里来的，在JQ底层有这么一句 $(".count span .add").click(...

jQuery 事件解绑

黄大仙

08-28

263

事件.off([事件名][, [子元素名]]) 一次性事件: 事件.one(), //用法同on <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.5.1.min.js"></script> <script>

JQ合成事件：探索源码工具的使用与实践

这解决了原生事件在不同浏览器中的差异性问题，同时，React的事件处理是在虚拟DOM上运行的，这有助于提高性能，尤其是当在更新UI时，避免了不必要的事件绑定和解绑。当我们讨论到“JQ 合成事件”，可能是在探索...