如何使用jquery在DOM中获取对象上的函数？
使用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 产品），详情请参考腾讯云函数产品介绍。
相关·内容
4回答
将javascript对象分配给html元素的最佳方法
javascript、html、object
我正在通过ajax获得一个javascript对象。我需要将这个对象附加到div，以便稍后恢复，例如，在click事件上。
如果我没有一个对象，而是有一个变量，我会将它推到html标记中，如下所示：
'<div variable="'+value+'"></div>';
我会像这样恢复它的价值：
var value= $(this).attr('variable')
你能给我一个好的方法来处理物体吗？
非常感谢!
浏览 3提问于2014-03-23得票数 3
回答已采纳
3回答
jquery将.val()放在DIV上的位置是什么？
javascript、jquery
jQuery (通过2.1.0测试的所有版本)允许我调用DIV对象上的.val("some value")来设置DIV上的值。它不会在工具中显示，也不会显示为HTML5数据属性。但是，我可以稍后通过调用.val()来获取结果。
例如(来自 )：
HTML：
<div id="mydiv" style="display: none;">Some text</div>
<div id="debug"></div>
Javascript：
$('#mydiv').val(&
浏览 2提问于2014-08-01得票数 1
回答已采纳
5回答
使用函数在jQuery中获取元素的id
jquery
我有一个简单的代码，在div容器中有两个按钮。我想用函数得到按钮的id。
Problem：有人能解释一下为什么点击Button1不能提醒myButton1吗？我怎样才能解决这个问题？
码
<html>
<body>
<style type="text/CSS">
#mydiv{
border: 1px dashed blue;
width: 100px;
height: 100px;
}
</style>
浏览 5提问于2014-09-11得票数 1
回答已采纳
2回答
Javascript在对象中的深度搜索和变化
javascript、javascript-objects
我有一个JavaScript函数，它是对对象进行挖掘，并为函数对象创建一个字符串值。拥有这个JSON：
{
"active": true,
"icons": {
"activeHeader": "ui-icon-alert"
},
"animate": {
"duration": 1000, "always": "dMethod"
}
}
我在这个字符串上使用JSON.parse，所以我以string的形式到达options.a
浏览 4提问于2013-08-12得票数 0
回答已采纳
2回答
使用JavaScript检索自定义CSS属性值必须是不可能的
javascript、css、properties、getproperty、getcomputedstyle
目标是在外部样式表.中定义自定义CSS属性值。
外部CSS:
#myDiv {
--myCustomProperty: 'myCustomValue';
}
标记：
<html>
<div id='myDiv'></div>
</html>
CSS规范中没有任何内容说自定义属性无效。但是，浏览器会将它们呈现为无效，但理论上，它们仍然可以由window.getComputedStyle或类似的工具使用。Firebug在“样式”窗格中显示自定义属性及其值，但标记为覆盖。
以下代码片段来自：
JavaScr
浏览 1提问于2014-10-23得票数 1
2回答
将样式值设置为Javascript变量
javascript、css、variables、html
我正在尝试创建一个文本出现在随机位置的页面。为此，我需要包含随机创建的文本的DIV中的左侧和顶部距离。下面的HTML是我正在思考的一个基本概念。
<body>
<script>
function myFunction() {
var leftvar = Math.round(Math.random()*1000);
var topvar = Math.round(Math.random()*1000);
}
window.onload = myFunction;
浏览 0提问于2013-11-30得票数 5
回答已采纳
3回答
对象HTMLAnchorElement]没有方法'attr‘
javascript、jquery、html
我想在每个菜单项前面加上浏览器中的URL (因为有一些url重定向的东西，所以必须这样做)。但是它在下面的线上给出了错误。我做错了什么？正确的方法是什么？
$(window).load(function () {
var Home = window.location.pathname;
alert(Home);
path = $("#menu ul li a");
$.each(path, function (key, value) {
浏览 0提问于2014-03-12得票数 0
回答已采纳
3回答
当点击javascript中的多个图像之一时，如何获取src值？
javascript、html
我的网页里有3张图片。每当我点击任何图片时，我都想得到src的值。我尝试了以下代码，但它与多个图像不起作用。
<div class="test">
<a href="#" class="part-one" onclick="filename();" > <img class="dImage" src="images/deckel-1.png" alt=""> </a> </div>
浏览 1提问于2019-12-19得票数 1
2回答
删除存在于重定向页面中的元素的“disabled”
javascript、jquery、html、facebook
登录后，我将用户从a.html重定向到b.html页面。在b.html页面上有一个带有"disabled“属性的文件选择按钮"Select Images”，我希望只有在FB登录后才能启用它。下面是我的代码。
function fblogin(){
FB.login(function(response) {
if (response.status == 'connected') {
login();
} else {
//
浏览 0提问于2013-09-18得票数 2
5回答
在javascript中使用var作为var名称
javascript、html、var
我有个小问题。我想做的是创建一个InnerHTML变量。
也许代码能更好地解释它，我现在拥有的是：
-Javascript
var VarOne = 'Four';
var VarTwo = 'Five';
var VarThree = 'Six';
function MyFunction(){
document.getElementById("MyDiv").innerHTML = ['Var' + event.target.id];
}
-Html
<div id="
浏览 2提问于2012-07-23得票数 0
回答已采纳
2回答
只在第一个循环元素上切换类。
javascript、loops、foreach
为什么这段代码只在第一个呈现的forEach元素上切换类？我想在我按下按钮的卡片上切换类，但是切换只发生在第一个元素上。
const generateCards = (data) => {
data.results.forEach((data) => {
const userCard = `
<div class="card">
<div class="content">
<div class="mystyle" id="myDIV">
&
浏览 3提问于2022-07-04得票数 0
回答已采纳
2回答
如何使用纯DOM函数(没有jQuery)访问DOM元素的样式？
javascript、html、css、dom
由于某些原因，我不能访问HTML元素的display样式的值。
下面是我的JavaScript代码：
var el = document.querySelector('#warning');
console.log(el.style.display)
我的代码为#warning的display样式返回""空字符串，但它实际上是"none"。
我有以下HTML：
<div id="warning">
warning warning warning.
</div>
我有以下CSS：
#warning {
浏览 0提问于2015-09-27得票数 0
1回答
是否需要xml分析属性？！道具？
jquery、xml、attr、prop
用jQuery在你的JavaScript控制台(Chrome或者别的什么)上试试这个。
var jo = $("<xml required=\"true\" name=\"lol\"></xml>"); //test xml
jo.attr("required"); //returns "required" instead of true
jo.attr("name"); //returns correct "lol"
jo.prop("require
浏览 0提问于2013-05-23得票数 2
回答已采纳
4回答
JQuery -基于元素innerHTML更改属性
javascript、jquery、attr
我正在尝试将模式标记添加到整个站点的产品中，但我希望div元素的属性根据innerHTML的文本内容进行更改 HTML： <div class="badgeIds" itemtype="https://schema.org/ItemAvailability" itemprop="availability">
Online Only
</div> 这是我为Javascript写的。我的逻辑有缺陷吗？ var avail = document.find("div.badgeIds");
if (ava
浏览 33提问于2016-08-11得票数 1
回答已采纳
3回答
简单的jQuery选择器不能工作
jquery、jquery-selectors
我不知道为什么这个选择器不工作。
HTML元素简单地是：
<div id="myDiv">Original Text</div>
我使用的脚本很简单：
<script language="javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myDiv&#
浏览 8提问于2012-12-26得票数 2
回答已采纳
1回答
如何在数据属性中添加html元素
javascript、jquery、html
我想将整个html元素添加到data属性中，这样在单击时我就可以将其设置为localstorage，并可以在下一页上使用它，而不是在下一页上再次执行相同的操作。
这是我所做的..。
检查img_src是否有值
如果为false，则使用字母X和一些样式设置div
如果为true，则使用src和一定的宽度和高度设置img标记
var img_src="userpic.png"; //this value comes from db
if(img_src=="" || img_src==null){
var po_img = &
浏览 12提问于2018-08-20得票数 1
回答已采纳
17回答
.prop()与.attr()
javascript、jquery、dom、attr、prop
因此有了新的函数。
$(selector).click(function(){
//instead of:
this.getAttribute('style');
//do i use:
$(this).prop('style');
//or:
$(this).attr('style');
})
或者在这种情况下他们做同样的事？
如果我必须切换到使用prop()，那么如果切换到1.6，所有旧的attr()调用都会中断吗？
更新
selector = '#id'
$(select
浏览 14提问于2011-05-03得票数 2462
回答已采纳
2回答
为什么这个简单的JavaScript函数不能像我期望的那样工作？正在尝试确定是否选中复选框
javascript、jquery、jquery-selectors、client-side
我有以下形式的HTML：
<div id="filters">
<ul>
<li><label class="checkbox"><input type="checkbox" value="" checked data-filter=".one">One</label></li>
<li><label class="checkbox"><input
浏览 0提问于2012-11-11得票数 1
回答已采纳
1回答
在java脚本函数中传递参数？
javascript、html
我是javascript开发中的新成员，我试图使e函数在一个特定的鼠标事件之后隐藏或显示一些文本，并且我想在函数中传递这个span的id --这是我的脚本，它只处理一个特定的id，在本例中是"sp1“，但我想在函数参数中传递id。
<script>function myOverFunction() {
document.getElementById("sp1").style.visibility = 'visible';}
function myOutFunction() {
document.getElementById("sp1&
浏览 5提问于2014-12-21得票数 0
回答已采纳
6回答
.each()和$(this)
jquery
这是我的代码：
$myDiv = $('<div>1</div>');
$myDiv.each(function () {
console.log(this.html());
});
它会产生一个错误，因为this应该是$(this)。但是等等。$myDiv首先不是一个jQuery对象，所以this也必须是一个jQuery对象。如果是这样，为什么要在$( )中包装this
浏览 3提问于2011-09-02得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
