`
jackroomage
  • 浏览: 1215152 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

JQuery的bind方法传递多个参数

 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
       <script src="c:\jquery.js"></script>
 </head>
            <script>
             $(function(){ 
                 $('#mybtn').click({a : 'hello', b : 'world'}, myFun); 
                 }); 
                  
                 function myFun(e) { 
                  alert(e.data.a); 
                  alert(e.data.b) 
             } 
            </script>
         
            <body>
               <input type="button" id="mybtn" value="Click me." /> 
            </body>
</html>

分享到:
评论

相关推荐

    Jquery之Bind方法参数传递与接收的三种方法

    在jQuery中,`bind`方法是一个非常重要的事件处理函数,它允许我们为DOM元素绑定一个或多个事件处理器。本文将详细讲解如何通过三种方法在使用`bind`时进行参数传递和接收。 首先,我们来看第一种方法:通过`event....

    jQuery中 bind的用法简单介绍

    此外,bind方法还能够一次绑定多个事件,例如: ```javascript $("button").bind({ click: function() { $("div").css("border", "5px solid orange"); }, mouseover: function() { $("div").css("background-...

    jQuery使用bind函数实现绑定多个事件的方法

    `bind`函数是jQuery中用于绑定事件处理程序的一个重要方法,它允许我们为一个或多个事件添加监听器。本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先,`bind`函数的基本语法如下: ```...

    JQuery 绑定事件时传递参数的实现方法

    如果你需要传递多个参数或者自定义的参数,可以使用匿名函数来包裹`functionName`,并将参数传递进去: ```javascript $(“:text”).bind(“keyup”, function() { var arg1 = "value1"; var arg2 = "value2"; /...

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

    在`.bind()`方法中,可以传递一个对象作为第二个参数,然后在事件处理函数中使用`this`关键字或者事件对象的`data`属性来访问这个对象。 6. jQuery对象和原生DOM元素的区别:在使用jQuery处理事件时,事件处理函数...

    JQuery入门——用bind方法绑定事件处理函数应用介绍

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等多个方面。`bind()`是jQuery中用于绑定事件处理函数的核心方法,对于初学者来说,掌握这个方法是理解jQuery事件处理的关键...

    详解Jquery实现ready和bind事件

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

    浅析jQuery事件之on()方法绑定多个选择器,多个事件

    ### on()方法绑定多个选择器、多个事件的关键知识点: 1. **on()方法语法**: - 简单事件绑定:`$(selector).on(events, data, handler);` - `selector`:要绑定事件的元素选择器。 - `events`:一个或多个以...

    jQuery的bind()方法使用详解

    - `bind()`还可以接受多个事件类型作为参数,用空格分隔,如`"click mouseover"`,这样就可以一次绑定多个事件。 - 使用`bind()`方法可以绑定自定义事件,扩展jQuery事件系统。 需要注意的是,从jQuery 1.7版本开始...

    jQuery中bind()方法用法实例

    `bind()`方法也可以同时绑定多个事件,只需将所有事件类型用空格分隔即可。以下示例展示了如何同时绑定`click`、`mouseover`和`dblclick`事件: ```html &lt;!DOCTYPE html&gt; div { width: 100px; height: 100px...

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

    events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代. data:当一个事件被触发时要传递event.data...

    解析jQuery的三种bind/One/Live事件绑定使用方法

    jQuery是 一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Live(),下面介绍这几种方法的使用: 1. bind/Unbind在jquery的事件模型中,有两个基本的事件绑 定函数,bind与unbind,这两...

    jQuery中bind,live,delegate与one方法的用法及区别解析

    其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Map类型,给出要传递给事件处理程序的数据,...

    JQuery中Bind()事件用法分析

    在jQuery库中,`bind()`方法是一个至关重要的功能,它允许开发者将事件处理程序绑定到DOM元素上。本文将深入探讨`bind()`方法的用法、功能、特点以及如何在实际开发中应用。 首先,`bind()`方法的基本语法是`.bind...

    锋利的jquery第四章例子

    - `4-bind多个事件.html`:此文件可能演示了如何使用`bind`方法同时绑定多个事件,例如点击和鼠标悬停事件。 - `5-text2.html`:这个文件可能是进一步的事件处理示例,可能涉及到文本相关事件或者与前几个示例的...

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

    3. 语法差异:on方法相比bind方法多了一个参数,这个参数允许我们指定一个选择器,表示事件处理器仅适用于那些符合选择器条件的子元素。 ### 操作注意事项 - 使用on方法进行事件委托时,要确保选择器的准确性,...

    jquery中live()方法和bind()方法区别分析

    但 `live()` 方法也存在一些限制,比如无法为动态绑定的事件绑定多个处理函数,以及在 jQuery 1.7 版本后,已被 `on()` 方法所取代。 `bind()` 方法则是更为传统的事件绑定方式,它直接为元素绑定事件处理器。`bind...

Global site tag (gtag.js) - Google Analytics