jquery bind动态绑定事件传参

最新推荐文章于 2021-08-09 21:41:09 发布
原创 最新推荐文章于 2021-08-09 21:41:09 发布 · 1w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #function

本文介绍了在使用jQuery时如何为元素的点击事件绑定处理函数，并向处理函数传递参数的方法。提供了两种实用的方式：一是通过event.data属性传递参数；二是直接在绑定事件时定义匿名函数并在其中调用目标函数。 
 <span  id="s1" >

比如给span添加一个Onclick事件

$("#s1").bind("onclick",getMore);

要想传递参数应该怎么写呢

直接写

$("#s1").bind("onclick",getMore(a,b) );

这样是不对的

 

以下两种供参考
1.$(#s1").bind("onclick", {a:1,b:2},geMore（event）);

 

<script>

 function getMore(event){
alert（event.data.a）;

}
</script>


2.$("#s1").bind("onclick",function(){
funcionName(arg1,arg2,arg3,arg4);
});


 

hiperion
关注
Jquery获取select选中的值并绑定事件
猿学
02-28 6193
Jquery获取select选中的值并绑定事件 &lt;script src="jquery.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script language="javascript" type="text/javascript"&gt; $(document).ready(function(){
jquery绑定click事件传递参数
12-19
jquery绑定click事件传递参数
jquery中的bind事件，详解，传参
sauzny的博客
08-30 744
jquery中的bind事件，详解，传参 第一个,关于这句的解释： 　$(window).bind('load.jcarousel', function() { windowLoaded = true; }); 1.　　一次可以绑定多个事件。如： [code="js"] $('#foo').bind({ click: function() { // do somethi...
jquery 动态绑定bind()及模拟鼠标点击A链接
weixin_34356138的博客
06-03 244
近来自觉前端有小小进步，幸而记之。 1、两个 css class 紧挨在一起 则在html元素中，要同时拥有这两个class，才能起作用 .block.db{ background-image:url(/cas/images/hnhy/db.png); } <div class="block db"><div class="btn bt...
【JQuery】JQuery绑定事件并传参
weixin_45500506的博客
08-09 5462
文章目录问题出现问题分析解决方法结论纠正一个错误 事情是这样的，因为最近在学习前端的知识，学完了需要巩固下知识，所以在网上找的题来做。遇到这样的题。（包含遇到问题的详细过程，觉得例子无趣的可直接跳转结论） 其代码也很简单，设计表格和事件绑定，最近学习了jquery，很快将代码写出来。 说明下，工程上不要使用行间样式和内嵌js代码。应该做到HTML（结构）+CSS（样式）+JavaScript（控制）分离。我是为了图方便一页代码描述完问题才这样写的。 <!DOCTYPE html> <ht
jquery bind 传参数
anbingmeng1565的博客
07-16 169
方法一、 ? 1 2 3 4 function GetCode(event) { alert(event.data.foo); } ? 1 2 3 4 $(document).ready(function() { $("#summary").bind("c...
jquery bind(click)传参让列表中每行绑定一个事件
10-25
在原文件中，描述了一个常见问题，即在使用jQuery的`.bind()`方法绑定点击事件时，如果传参不正确，就会导致无法为列表中的每一行绑定一个独立的事件处理逻辑。文件提供了代码示例，并指出通过使用闭包（closure）...
JQuery 绑定事件时传递参数的实现方法
12-12
在jQuery中，`bind()`方法是用来绑定事件处理函数到元素上的。当事件发生时，绑定的函数会被调用。在某些情况下，我们可能需要在事件处理函数中传递额外的参数，以便更好地处理事件。以下是一些在jQuery中实现这一...
JQuery入门——用bind方法绑定事件处理函数应用介绍
01-19
1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn) 其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、...
jquery绑定事件并传参例如click
charsBing的博客
05-25 3723
jquery时间绑定的同时传递参数，例如click
Jquery之Bind方法--参数传递与接收的三种方法
cgk的博客
07-09 783
//方法一、event.data function GetCode(event) { alert(event.data.foo); } $(document).ready(function() { $("#summary").bind("click", {foo:'abc'} ,GetCode); });//方法二、函数句柄 $("#summary").bind("click", f
JavaScript中bind方法的使用
soos的博客
08-13 589
bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bind</title> </head> <body> <button id="btn">按钮</button&g
jquery对于click事件的参数
赶路人儿
01-05 1655
如下，是一个jquery的click事件$("#clickme").click(function(_obj){ alert("Hello World click"); }); 在click回调函数中，有一个参数_obj，该参数的target返回一个对象，这个对象就是触发click事件的dom元素。等同于this。 $("#clickme").click(fun
Jquery之Bind方法参数传递与接收的三种方法
leo3070的博客
05-15 3388
方法一、 1 2 3 4 function GetCode(event) { alert(event.data.foo); } 1 2 3 4 $(document).ready(function() { $("#summar...
jquery动态添加事件（带参数）
lk617238688的专栏
05-04 2492
动态添加事件，调用已有方法，传参。 （试了好一阵，参数老是循环中的最后一批，网上找到解决方法，这里记下来） 1.已有方法 function submit_url(nodeId,equipmentName){} 2.动态添加部分 //click动态参数 $("#imgCom"+vComNum).attr("src","images/"+imgSrc).css("cursor","poin...
jquery为绑定事件的方法传参
热门推荐
八神庵的博客~
11-17 1万+
用onclick点击事件举例： 传参时可以通过$('#btn').click({paramName:'要传到func的值'},func) //或者 $('#btn').bind('click',{paramName:'要传到func的值'},func)func里面怎么取得参数呢？function func(e){ //e.data.paramName即为绑定func事件时的参数 a
jquery bind('click')传参问题（例如：列表中每行绑定一个事件）
zhb200621的专栏
08-05 3697
jquey bind 点击事件时，往往会有点击列表中某行，
JQuery 动态调用函数 动态传递参数
Bowen的博客
07-04 4397
//方法一 $('#foo').click(function(event) { 　　alert('User clicked on "foo."'); }); //方法二, 支持动态传参 $('#foo').bind('click', {test1:"abc", test2:"123"}, function(event) { 　　alert('User clicked on "foo."' ...
jquery传参详细
最新发布
12-04
jQuery是一种常用的JavaScript库，用于简化HTML...4. **事件处理器**：`on()`或`.bind()`方法绑定事件时，可以提供一个函数作为参数，这个函数就是处理特定事件时要执行的代码，函数内部也可以接收事件对象作为参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值