`
asd14828
  • 浏览: 30064 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

jQuery中的事件绑定和去除事件绑定

阅读更多
一、用bind()方法来对匹配元素进行特定事件的绑定

在文档装载完成后,使用bind()方法来对匹配元素进行特定事件的绑定,bing() 方法的调用格式为:

bind(type[,data],fn);

3个参数,说明如下

type:blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleaye、change、select、submit、keydown、keypress、keyup和error等,当然也可以是自定义名称。
data是可选参数:作为event.data属性值传递给事件对象的额外数据对象。
fn参数则是用来绑定的处理函数。

例子:点击侧边栏标题显示内容

html代码:

<div id="sidebar">
<h3>标题</h3>
<ul style="display:none"><li>I am zwwooooo.... </li></ul>
</div>

jQuery代码:

$(function(){
$("#sidebar h3").bind("click",function(){
$(this).next().show();
})
});

二、移除之前的绑定事件

用$("#result").unbind("click")

如果你要移除所有的绑定事件,直接用 $("#result").unbind()

例题中用 $("#sidebar h3").unbind("click")

分享到:
评论

相关推荐

    JQuery实现动态绑定和二级联动

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本主题将深入探讨如何使用jQuery实现动态绑定和二级联动效果,特别关注于DropDownList(下拉列表)的交互设计。这...

    详谈jQuery unbind 删除绑定事件 / 移除标签方法

    jQuery unbind 删除绑定事件 unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件。如果没有参数,则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件...

    JQuery中绑定事件(bind())和移除事件(unbind())

    在jQuery中,事件处理机制尤为强大,其中bind()和unbind()方法是用来绑定和移除事件监听器的函数,它们是进行事件处理时不可或缺的一部分。 首先我们来看bind()方法。在jQuery中,通过bind()可以为选定的元素添加一...

    jquery绑定 css3 animation-keyframes关键帧动画

    ### 使用jQuery绑定CSS3 Animation-Keyframes关键帧动画 #### 前言 本文将详细介绍如何通过jQuery来控制CSS3中的`animation-keyframes`关键帧动画的启动与停止。这种技术非常实用,尤其当动画需要根据用户的操作...

    jQuery中文文档1.8和1.4的chm文档

    jQuery以其简洁的API和强大的功能,极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得网页动态化变得更加容易。 在jQuery 1.8版本中,引入了一些关键更新和改进,如: 1. **$.ajax()** 方法的增强...

    Jquery 事件的订购与退订案例

    本案例聚焦于jQuery中的事件处理,特别是事件的订购(绑定)与退订(解绑)。理解并熟练掌握这一核心概念对于高效地编写jQuery代码至关重要。 事件订购,即在jQuery中绑定事件处理函数到特定的DOM元素上。这通常...

    jQuery输入框提示绑定车牌代码.zip

    在IT行业中,JavaScript库jQuery是前端开发中广泛使用的工具,它简化了DOM操作、事件处理、动画设计等任务。在给定的资源"jQuery输入框提示绑定车牌代码.zip"中,我们可以深入探讨如何利用jQuery实现一个功能丰富的...

    jQuery unbind 删除绑定事件详解

    unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件。如果没有参数,则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参数,则只删除该...

    jquery 为a标签绑定click事件示例代码

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画设计等...这个例子不仅涉及到 jQuery 的事件绑定,还涉及到动态 URL 和用户交互的确认流程,这些都是前端开发中常见的实践。

    jQuery实现动态添加、删除按钮及input输入框的方法

    在内容中还提到了一些重要的jQuery主题和资源链接,例如《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》等,这些资源可以作为读者深入了解和学习jQuery的扩展资料。 本篇文章提供的代码实例,以...

    jQuery文本框(input textare)事件绑定方法教程

    在本文中,我们将深入探讨如何使用jQuery绑定事件,特别是针对文本框(input textarea)的事件。 首先,我们来看一下`bind`和`on`这两个函数。在jQuery 1.7版本及以上,`on`已经成为推荐的事件绑定方式,因为它更加...

    jQuery事件日历插件Calendar.zip

    这个插件基于流行的JavaScript库jQuery构建,它允许开发者轻松地集成到自己的网页项目中,为用户提供日期选择和事件展示的功能。 首先,该插件的核心特性是它的灵活性。它可以被配置来支持多种显示模式,包括日视图...

    jquery中文参考

    1. **live()方法**: 在jQuery 1.2中,`live()`方法首次出现,它允许动态添加到DOM的元素也能响应事件,解决了事件绑定的问题。 2. **$.param()**: 这个方法用于序列化表单数据,常用于构建URL查询字符串,与Ajax...

    jQuery1.12.4+jQuery中文手册.rar

    在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...

    jquery导入word.docx

    jquery导入word.docx jquery是目前最流行的JavaScript库之一,它提供了许多有用的功能来简化JavaScript开发。下面将详细介绍jquery的...通过本文,我们可以了解jquery的导入、使用和事件绑定, jquery的Ajax等知识点。

    jquery_事件方法大全.doc

    jQuery 事件方法是 jQuery 库中的关键组成部分,用于处理用户交互和页面动态更新。下面将详细介绍这些方法: 1. **事件绑定**: - `.on()`: 这是 jQuery 中用于绑定事件的主要方法,可以绑定多种类型的事件,如 `...

    jQuery输入框提示绑定车牌所属省份代码.zip

    本示例中,我们将探讨如何利用jQuery实现一个输入框提示功能,它能与车牌号码所属省份代码进行绑定,从而在用户输入车牌号时自动提示省份信息。 jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、...

Global site tag (gtag.js) - Google Analytics