使用jQuery可以通过以下方式在DOM中获取对象上的函数:
.data()
方法:.data()
方法可以获取或设置DOM元素上存储的数据。如果函数是作为对象的属性存储在DOM元素上,可以使用.data()
方法获取该函数并调用。// HTML
<div id="myDiv" data-myFunction="myFunction"></div>
// JavaScript
var myDiv = $('#myDiv');
var functionName = myDiv.data('myFunction');
var myFunction = window[functionName];
myFunction();
.prop()
方法:.prop()
方法可以获取DOM元素的属性值。如果函数是作为对象的属性存储在DOM元素上,可以使用.prop()
方法获取该属性值并调用。// HTML
<div id="myDiv" myFunction="myFunction"></div>
// JavaScript
var myDiv = $('#myDiv');
var functionName = myDiv.prop('myFunction');
var myFunction = window[functionName];
myFunction();
.attr()
方法:.attr()
方法可以获取DOM元素的属性值。如果函数是作为对象的属性存储在DOM元素上,可以使用.attr()
方法获取该属性值并调用。// HTML
<div id="myDiv" myFunction="myFunction"></div>
// JavaScript
var myDiv = $('#myDiv');
var functionName = myDiv.attr('myFunction');
var myFunction = window[functionName];
myFunction();
需要注意的是,以上方法都是基于函数作为对象的属性存储在DOM元素上的情况。如果函数是直接绑定在DOM元素上的事件处理程序,可以使用jQuery的事件绑定方法(如.click()
、.on()
等)来调用函数。
推荐的腾讯云相关产品:腾讯云函数(云原生 Serverless 产品),详情请参考腾讯云函数产品介绍。
腾讯云存储专题直播
腾讯云湖存储专题直播
云+社区沙龙online第5期[架构演进]
云+社区技术沙龙[第14期]
T-Day
高校公开课
企业创新在线学堂
云+社区技术沙龙[第21期]
云+社区技术沙龙[第11期]
开箱吧腾讯云
领取专属 10元无门槛券
手把手带您无忧上云