首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery,将自定义函数绑定到DOM元素。

jQuery,将自定义函数绑定到DOM元素。
EN

Stack Overflow用户
提问于 2018-02-28 08:02:31
回答 2查看 0关注 0票数 0

我的应用程序中有两个div,我希望它们具有相同签名的自定义函数,但具有不同的操作,这样我就可以将“当前”div存储在一个变量中,只需调用以下内容:

myCurrentDiv.theFunction(someEventData);

并启动相应的方法。

我如何使用jQuery来实现这一点呢?

我试过这样做:

$("#myFirstDiv").theFunction = function() {
    alert("theFunction on firstDiv");
}
$("#mySecondDiv").theFunction = function() {
    alert("theFunction on secondDiv");
}

但没有成功

EN

回答 2

Stack Overflow用户

发布于 2018-02-28 16:29:08

jQuery并没有用新的属性或方法扩展任何存在的类型/对象; 它实现了所有内部。

但是如果你想用jQuery来做,你有几种不同的方式:

  1. JavaScript方式: $("#mySecondDiv")[0].theFunction = function(a, b) { /* ... */ }
  2. jQuery.data: $("#mySecondDiv").data({ theFunction: function(a, b) { /* ... */ } }); $("#mySecondDiv").data("theFunction")(1, 2)
  3. 自定义事件: $("#mySecondDiv").bind('my-event', function(event, a ,b) { /* ... */ }); $("#mySecondDiv").trigger('my-event', [1, 2]);
票数 0
EN

Stack Overflow用户

发布于 2018-02-28 17:16:33

你可以用jQuery.data若要存储与特定元素关联的数据,请执行以下操作。

例如:

var div = $("#myFirstDiv")[0];
jQuery.data(div, "theFunction", function() {
    alert("theFunction on firstDiv");
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007458

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档