jQuery off() 方法

2024-05-07 02:08

本文主要是介绍jQuery off() 方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

随时随地技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)

from:http://www.runoob.com/jquery/event-off.html

jQuery off() 方法

​ jQuery 事件方法

实例

移除所有 <p> 元素上的 click 事件:

$("button").click(function(){
$("p").off("click");
});


尝试一下 »


定义和用法

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, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。


实例

更多实例

从 unbind() 改为 off()
如何使用 off() 来达到与 unbind() 相同的效果。

从 undelegate() 改为 off()
如何使用 off() 来达到与 undelegate() 相同的效果。

从 die() 改为 off()
如何使用 off() 来达到与 die() 相同的效果。

移除所有通过 on() 添加的 click 事件处理程序
如何移除所有通过 on() 方法添加到所有 <p> 元素上的 click 事件处理程序。

移除一个通过 on() 添加的指定的事件函数
如何移除一个通过 on() 方法添加的指定的函数。

移除使用 event 对象的事件处理程序
如何在事件触发某一确定次数后移除事件处理程序。


​ jQuery 事件方法

这篇关于jQuery off() 方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/966026

相关文章

java设计模式之工厂模式--普通工厂方法模式(Factory Method)

1.普通工厂模式,就是建立一个工厂类,对实现了同一接口的一些类进行实例的创建。 2.先定义一个接口: package com.zhong.pattern.factorymethod;/*** 发送接口* @author admin**/public interface Sender {/*** 发送消息方法* @param msg*/void send(String msg);} 3

具有加载时编织的非公共方法的Spring事务

具有加载时编织的非公共方法的Spring事务 在本教程中,我们将学习在任何spring应用程序中对非公共方法应用事务(通过deault spring AOP只能建议在IoC容器中声明的bean的公共方法)。使用此技术,您可以管理非公共方法的事务,或者将任何方法管理到在Spring IoC容器外部创建的对象(即不由IoC容器管理)。 使用AnnotationTransactionAspect管理

java之main方法

你有没有试过去解释为什么Java主要方法是public,static和void?为什么它的名字是main?调用main()方法时JVM内部会发生什么?主方法的目的是什么?我们来看看。 1. Java主要方法语法 首先提醒Java中main方法的语法。 Main.java public class Main {     public static void main(String[] ar

SpringApplication的run方法主要代码步骤

一、图片流程图 二、主要代码  /*** Run the Spring application, creating and refreshing a new* {@link ApplicationContext}.* @param args the application arguments (usually passed from a Java main method)* @return

关于HTML的多媒体标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的框架标签及内嵌框架

框架标签的代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Desc

关于HTML的表格标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的清单标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的图片标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的字体标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descripti