iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >jquery中的off怎么用
  • 514
分享到

jquery中的off怎么用

2024-04-02 19:04:59 514人浏览 泡泡鱼
摘要

今天小编给大家分享一下Jquery中的off怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一

今天小编给大家分享一下Jquery中的off怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在jquery中,off()方法用于移除元素上绑定的一个或多个事件的事件处理函数;通常用于移除通过on()添加的事件处理程序,语法为“元素对象.off(从被选元素移除的事件或命名空间,selector,当事件发生时运行的函数,map)”。

教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中off的用法是什么

off()方法用于移除元素上绑定的一个或多个事件的事件处理函数。

off() 方法通常用于移除通过 on() 方法添加的事件处理程序。

自 jQuery 版本 1.7 起,off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。该方法给 api 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

如需移除指定的事件处理程序,当事件处理程序被添加时,选择器字符串必须匹配 on() 方法传递的参数。

如需添加只运行一次的事件然后移除,请使用 one() 方法。

语法如下:

$(selector).off(event,selector,function(eventObj),map)

参数如下:

  • event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。

  • selector 可选。规定添加事件处理程序时最初传递给 on() 方法的选择器。

  • function(eventObj) 可选。规定当事件发生时运行的函数。

  • map 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").on("click",function(){
    $(this).CSS("background-color","pink");
  });
  $("button").click(function(){
    $("p").off("click");
  });
});
</script>
</head>
<body>
<p>点击这个段落修改它的背景颜色。</p>
<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>
<button>移除 click 事件句柄</button>
</body>
</html>

输出结果:

jquery中的off怎么用

以上就是“jquery中的off怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网node.js频道。

--结束END--

本文标题: jquery中的off怎么用

本文链接: https://www.lsjlt.com/news/97344.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • jquery中的off怎么用
    今天小编给大家分享一下jquery中的off怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • @echo off的作用详解
    目录@echo off的作用总结@echo off的作用 我们常常会在一些批处理文件中看到@echo off这个命令,那他究竟有什么作用,要想知道这个命令,我们首先得知道echo这个命令的作用,这个命令叫做“...
    99+
    2023-05-12
    @echo off
  • JQuery中的Ajax怎么用
    这篇文章主要介绍JQuery中的Ajax怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JQuery对Ajax操作进行了封装,在JQuery的最底层的方法是$.ajax(),第二...
    99+
    2024-04-02
  • jquery中的remove怎么用
    这篇“jquery中的remove怎么用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jq...
    99+
    2024-04-02
  • jquery中的visible怎么用
    本篇内容主要讲解“jquery中的visible怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery中的visible怎么用”吧! ...
    99+
    2024-04-02
  • Linux的ppp-off命令有什么用
    本篇内容介绍了“Linux的ppp-off命令有什么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Linux常用命令ppp-off命令是S...
    99+
    2023-06-28
  • @echo off的作用详解
    目录@echo off的作用总结@echo off的作用 我们常常会在一些批处理文件中看到@echo off这个命令,那他究竟有什么作用,要想知道这个命令,我们首先得知道echo这个...
    99+
    2023-05-20
    @echo off
  • Vue中$bus的用法及$on、$off的使用说明
    目录$bus的用法及$on、$off的使用vue实例事件总结($on,$once,$off,$emit)1.什么是实例事件2.使用场景3.与$on对应的还有一个$once ...
    99+
    2024-04-02
  • jQuery中的bind怎么使用
    在jQuery中,bind方法用于绑定一个或多个事件处理函数到选定元素上。它的语法格式如下:```javascript$(selector).bind(event, data, handler);```其中,参数说明如下:- `sele...
    99+
    2023-08-09
    jQuery bind
  • jquery中的index怎么使用
    这篇文章主要讲解了“jquery中的index怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery中的index怎么使用”吧! ...
    99+
    2024-04-02
  • jquery中的find怎么使用
    本篇内容主要讲解“jquery中的find怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery中的find怎么使用”吧! ...
    99+
    2024-04-02
  • jquery中height()怎么用
    小编给大家分享一下jquery中height()怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • jquery中each怎么用
    这篇文章将为大家详细讲解有关jquery中each怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 jquery中each的使用形式是“$...
    99+
    2024-04-02
  • jQuery中serialize()怎么用
    这篇文章给大家分享的是有关jQuery中serialize()怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   jQuery成功的控制表单的序列化。只有form元素检查...
    99+
    2024-04-02
  • js开发中autocomplete="off"在chrom中失效怎么办
    这篇文章主要为大家展示了“js开发中autocomplete="off"在chrom中失效怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下...
    99+
    2024-04-02
  • jquery中select2怎么用
    小编给大家分享一下jquery中select2怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 在jquery中,select2用于优化select使其支持...
    99+
    2024-04-02
  • jQuery中Ajax怎么用
    小编给大家分享一下jQuery中Ajax怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Jquery在异步提交方面封装的很好...
    99+
    2024-04-02
  • Jquery中on()怎么用
    这篇文章给大家分享的是有关Jquery中on()怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 Jquery on()方法的作用是在被选元素及子...
    99+
    2024-04-02
  • jQuery中animate()怎么用
    这篇文章给大家分享的是有关jQuery中animate()怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。jQuery中animate()的方法用于创建自定义动画的函数。 返...
    99+
    2024-04-02
  • jQuery中toggle()怎么用
    小编给大家分享一下jQuery中toggle()怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!jQuery toggle(...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作