`

jquery中的bind事件,详解,传参

阅读更多
jquery中的bind事件,详解,传参
第一个,关于这句的解释:
 $(window).bind('load.jcarousel', function() { windowLoaded = true; });
1.  一次可以绑定多个事件。如:
 $('#foo').bind({
  click: function() {
    // do something on click
  },
  mouseenter: function() {
    // do something on mouseenter
  }
}); 

  2.  任何作为type参数的字符串都是合法的;如果一个字符串不是原生的JavaScript事件名,那么这个事件处理函数会绑定到一个自定义事件上。这些自定义事件绝对不会由浏览器触发,但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。

  3.  如果type参数的字符串中包含一个点(.)字符,那么这个事件就看做是有命名空间的了。这个点字符就用来分隔事件和他的命名空间。如:

$obj.bind('click.name', handler) 那么字符串中的 click 是事件类型,而字符串 name 就是命名空间。

第二个,传递参数以及一些特殊用法
首先是传递参数:
1.<script>      
2.function showAlert(events){       
3.    alert(events.data.foo);       
4.}       
5.$('#myBtn').bind('click',{foo:'click'},showAlert);       
6.</script>  

特殊用法:
使用在submit上的click
<script> $('#myBtn').bind('click',function(){ return false; }) </script> 

还有没看明白的:
还有一些方法可以取消默认行为和阻止事件起泡:preventDefault 和stopPropagation
1.<script>       
2.$('#myBtn').bind('click',function(event){       
3.event.preventDefault();//取消默认的click行为       
4.});       
5.$('#myBtn').bind('click',function(event){       
6.event.stopPropagation();//阻止click事件起泡       
7.});       
8.      
9.</script>     
分享到:
评论
1 楼 boreas_baosj 2013-10-30  
绑定多个事件的时候怎么传递参数呢???

相关推荐

    JQuery详解jQuery的bind方法

    ### JQuery详解:jQuery的bind方法 #### 一、概述 jQuery 的 `bind()` 方法是用于在元素上绑定事件处理程序的一种方式。与原生 JavaScript 的事件绑定相比,`bind()` 提供了更多灵活性和便捷性。它允许开发者指定...

    jquery bind(click)传参让列表中每行绑定一个事件

    在原文件中,描述了一个常见问题,即在使用jQuery的`.bind()`方法绑定点击事件时,如果传参不正确,就会导致无法为列表中的每一行绑定一个独立的事件处理逻辑。文件提供了代码示例,并指出通过使用闭包(closure)...

    jquery使用bind绑定事件

    本篇文章将深入探讨如何使用jQuery中的`bind()`方法来绑定事件,并通过实例讲解如何改变页面上单行文本框(input[type="text"])的背景色。 `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件...

    jQuery中bind(),live(),delegate

    今天我们将深入探讨jQuery中的事件绑定方法,包括`bind()`, `live()`, `delegate()`,以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件,特别是对于动态生成的元素。 1. **bind()*...

    详解jQuery中的事件

    本文将深入探讨jQuery中事件处理的核心概念、方法以及常见的应用场景。 首先,jQuery提供了一种更加优雅的方式来处理DOM加载完成的事件。在JavaScript中,我们通常使用`window.onload`来确保所有资源(包括图片)...

    jQuery bind事件使用详解

    在实际的jQuery开发中,`bind`方法常常与`.live()`, `.delegate()`, 和`.on()`等方法一起使用,以实现动态添加元素的事件处理。然而,从jQuery 1.7版本开始,`.on()`方法成为推荐的事件绑定方式,因为它更强大且效率...

    详解Jquery实现ready和bind事件

    `bind`函数是jQuery中用于添加事件处理器的主要方法之一。 使用`bind`方法可以绑定一个或多个事件处理器到选择器匹配的元素上。它的基本语法为: ```javascript $(selector).bind(eventType, data, handler); ``` ...

    jQuery中 bind的用法简单介绍

    jQuery中的bind方法是早期版本的jQuery中用于处理事件的一个非常重要的方法。这个方法允许开发者为选定的元素绑定一个或多个事件处理器,当这些事件被触发时,所绑定的函数就会执行。 bind方法的基本语法是:$...

    jQuery:bind() delegate() live()事件绑定

    在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...

    JQuery 动态删除添加html元素bind事件

    首先,理解jQuery中的`$(document).ready()`函数至关重要。这个函数确保在页面加载完成后执行里面的代码,避免了由于元素未加载完毕导致的错误。例如: ```javascript $(document).ready(function() { // 在这里...

    JQuery中Bind()事件用法分析

    本文实例分析了JQuery中Bind()事件用法。分享给大家供大家参考。具体分析如下: 我们先看一下它的定义: .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供...

    jQuery使用bind动态绑定事件无效的处理方法

    在JavaScript的世界里,...在最新版jQuery中,推荐使用`on()`方法,因为它提供了更广泛的功能和更好的性能优化。希望本文的内容对你的开发工作有所帮助,如果想了解更多相关知识,可以继续探索jQuery的文档和实践案例。

    jquery绑定事件 bind和on的用法与区别分析

    在jQuery中,`bind` 和 `on` 都是用来绑定事件处理函数的,但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先,`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数:`...

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

    总结来说,`bind()`和`unbind()`(或其简化版本`click()`、`off()`)是jQuery中处理事件绑定和解绑的关键方法。理解并熟练运用它们,能够帮助开发者更有效地控制页面的交互行为,确保在适当的时候执行或停止执行特定...

    微信小程序实现bindtap等事件传参

    在微信小程序开发中,事件处理是连接用户交互与程序逻辑的关键。本文主要讲解如何在微信小程序中实现`bindtap`等事件的参数传递,这对于理解小程序的事件机制至关重要。 事件在微信小程序中扮演着视图层与逻辑层...

    jQuery中的on与bind绑定事件区别实例详解

    on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于... jQuery 3.0中已弃用此方法,请用 on()代替。

Global site tag (gtag.js) - Google Analytics