gpt4 book ai didi

javascript - 如何在javascript中为dom对象定义函数

转载 作者:搜寻专家 更新时间:2023-10-31 22:02:58 25 4
gpt4 key购买 nike

这是更多 broad question 的一部分.它的关注度越来越低,所以让我问一下我自己无法实现的唯一部分。如何为 dom 对象注册类似 jquery 的 javascript 函数?假设我有以下 html 页面:

<html><body>
<div id = "table"/>
<div id = "chart"/>
</body></html>

并希望能够调用 $('#table').update()$('#chart').update()?我需要那些更新函数来包含不同的逻辑和局部变量,例如从中加载数据的不同 url。对不起,我可能是菜鸟。

更新

如果我没理解错的话,plugin是一个全局命名空间中的函数,可以处理任何对象。我宁愿将不同的功能与不同的元素相关联。那是因为我认为将不同的 update 函数与不同的对象相关联比编写一个更新函数更容易,每个对象都必须调查它是否适用,如果适用,如何适用。

最佳答案

你要找的是jQuery's fn.extend() :

$.fn.extend({
update: function() {
/* Required code. */
}
});

然后您可以简单地在 jQuery 对象上调用 .update() 来执行该函数:

$('myElement').update();

举个例子,如果我们想记录一个元素的id,我们可以定义我们的update()函数:

$.fn.extend({
update: function() {
console.log("ID = " + this.id);
}
});

然后调用:

$('#table').update();

哪个会记录:

ID = table

关于javascript - 如何在javascript中为dom对象定义函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19636835/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com