`
jjjssh
  • 浏览: 77298 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Jquery 绑定click事件陷阱

阅读更多
刚开始不太懂用jquery,绑定click事件,都喜欢直接绑定。
当你在同一个页面,发生对同一个dom绑定多次click事件时,那你点击一下,其实会触发多次点击,对于初学者,这真是个坑。
所以在做绑定时,一定要先做unbind

$("#el").unbind("click").click(function(){
   alert("do something");
});
分享到:
评论

相关推荐

    JQuery在循环中绑定事件的问题详解

    在使用JQuery进行DOM操作时,特别是在循环中为多个元素绑定事件,需要注意变量作用域以及事件绑定的正确方式。在文档中提到的示例中,作者探讨了在循环中绑定onclick事件的常见错误做法,并提供了一个正确的解决方案...

    浅谈jQuery绑定事件会叠加的解决方法和心得总结

    // 重新绑定click事件 $("table tbody tr").click(function(event) { // 遍历tr下的checkbox元素 var $check = $(this).find("input[type=checkbox]"); // 判断非点击checkbox本身 if ($check.length > 0 && ...

    Head First jQuery 英文版 PDF

    4. **事件处理**:理解事件绑定和解绑,使用`.click()`, `.mouseover()`, `.keydown()`等事件处理函数,以及事件冒泡和事件委托。 5. **CSS操作**:应用jQuery修改元素的样式,如改变颜色、大小、位置等,使用`.css...

    jquery的总体架构分析及实现示例详解

    在实际使用中,我们通常用`$`作为jQuery的别名,方便调用,如`$(selector)`用于选择元素,`$('div').click(function() {})`用于绑定点击事件。 总结来说,jQuery的设计哲学是通过简洁的API提供强大的功能,同时避免...

    Chapter5(jquery).zip

    3. **事件处理**:jQuery的一致事件处理接口使得绑定和解绑事件变得非常直观,例如`$(element).click(function() {...})`用于绑定点击事件,`$(element).on("mouseover", function() {...})`则用于绑定鼠标悬停事件...

    jQuery实例代码

    例如,`click(function() {...})`用于为元素绑定点击事件,`on()`方法可以同时处理多种事件,而`trigger()`可以触发已绑定的事件。 4. **动画效果(Animations)**:jQuery的`fadeIn()`, `fadeOut()`, `slideToggle...

    Head First jquery

    3. **事件处理**:掌握jQuery中的事件绑定,如`.click()`, `.hover()`, `.change()`等,以及如何使用事件委托。了解如何阻止默认行为和停止事件冒泡。 4. **动画效果**:学习使用`.animate()`函数创建自定义动画,...

    jQuery+源代码

    jQuery的事件系统提供了一致的接口,如`$(element).click(fn)`,使得跨浏览器的事件处理变得简单。在源码中,事件绑定、解绑和触发都经过了精心设计,确保了兼容性和性能。学习这部分,有助于理解如何优雅地管理页面...

    《锋利的jQuery》+源码

    2. **事件处理**:jQuery对事件处理进行了优化,可以方便地绑定和解绑事件,支持事件委托,提高了代码的性能和可维护性。书中会讲解如何使用`.click()`, `.mouseover()`, `.keydown()`等事件处理函数。 3. **动画...

    Learning jQuery

    `$(selector).click(function() {...})`是常见的点击事件绑定,书中会介绍如何处理各种用户交互事件,如鼠标移动、键盘按键等。 4. **动画效果**:jQuery的动画功能是其一大亮点。`.fadeIn()`, `.slideToggle()`, `...

    jquery学习资料

    3. **事件处理**:使用`on()`方法可以绑定事件,例如`$("#element").on("click", function() {...})`绑定点击事件。`off()`方法用来移除事件绑定,`trigger()`触发已绑定的事件。 4. **动画效果**:jQuery的`...

    [jQuery实战第二版]

    3. **事件处理**:探讨了 jQuery 如何简化事件绑定和解绑的过程,包括 `click()`, `hover()`, `change()` 等事件处理函数。 4. **动画效果**:教授如何使用 jQuery 实现动画效果,比如 `.fadeIn()`, `.slideToggle()...

    jquery零碎实例

    2. **事件处理**:jQuery简化了事件绑定和解绑,例如`.click()`、`.change()`等方法可以直接绑定对应的事件处理器。实例中展示了如何响应用户的点击、鼠标移动等行为,并在事件触发时执行相应的函数。 3. **动画...

    保证三天就能学会Jquery(包括若干个实例和参考手册)

    5. **事件处理**:掌握`$(selector).click()`, `$(selector).mouseover()`等事件绑定方法,以及`.on()`的使用,实现事件监听。 第二天:jQuery进阶 1. **链式操作**:理解jQuery对象的链式调用原理,提高代码...

    JavaScript的9个陷阱及评点

    **陷阱**:在某些浏览器中(尤其是早期版本的IE),直接绑定事件处理程序可能会覆盖已有的处理程序。为了避免这种问题,可以使用像 YUI 这样的库来简化事件处理。 ```javascript YAHOO.util.Event.addListener...

    jQuery版本升级踩坑大全

    jQuery版本升级是一个常见的任务,但其中充满了潜在的问题和陷阱,尤其是在从较早的版本如1.4.2升级到1.11.3或更高版本时。早期的jQuery版本可能存在安全漏洞,例如DOMXSS,因此升级至1.9.x及以上版本对于确保网站...

    Loop-clorsure-demonstration:使用 jquery 循环关闭解决方案

    在jQuery中,我们经常遇到的一个典型场景是在循环中为多个DOM元素绑定事件处理器。例如,你可能想要为一组元素绑定点击事件,而点击事件的处理逻辑依赖于循环中的当前索引。如下所示: ```javascript var items = $...

    javascript几个易错点记录

    为了避免这种情况,应将事件绑定函数独立出来,或者在重新绑定事件时先解除之前的绑定(`unbind()`或`off()`)。例如,`$("#element").off("click").on("click", function() {...})`。 3. **jQuery选择器**:当...

Global site tag (gtag.js) - Google Analytics