开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用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 产品），详情请参考腾讯云函数产品介绍。

相关搜索:在DOM元素上查找使用jQuery添加的回调函数在(jquery)ajax请求中获取当前脚本DOM对象如何在jQuery中获取DOM元素如何将DOM对象的引用传递给jQuery函数？在使用jQuery函数时检查DOM“旅行”的次数使用DOM的Javascript对象构造函数如何使用Jquery在reactjs中更新基于日期的dom？传递在jQuery对象上使用的方法如何使用JQuery的"加载"函数在变量中获取所需数据？如何使用外部脚本文件从DOM调用Jquery中的函数使用javascript在HTML DOM上获取dataset中第一个对象的值使用jquery获取在rails中创建的对象的id 如何将JavaScript函数添加到没有jQuery的DOM对象？jQuery插件:在其他函数中获取"this"对象在Javascript/jQuery中获取对象的长度在jquery datatable呈现函数中获取对象变量名遍历jQuery中的DOM以获取父元素如何使用wordpress在DOM中追加回调函数如何在jquery回调函数中获取当前对象引用？jquery在多个文件上使用对象文字

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

zepto 基础知识(4)

61.prev 　　prev() 类型：collection 　　prev(selector) 类型：collection 　　获取对相集合中每一个元素的钱一个兄弟节点，通过选择器来进行过滤 62.prev 　　prev() 类型：collection 　　prev(selector) 类型：collection 　　获取对象集合中每一个元素的前一个兄弟节点，通过选择器用来进行过滤。 63.prop 　　prop(name) 类型：valu

JQuery选择器和JQuery包装集

（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集；

02

22-jQuery深入

此外还有类似功能的slideDown,slideUp,slideTaggle表示滑动显示或隐藏

02

zepto 基础知识(3)

41.height 　　height() 类型：number 　　height(value) 类型：self 　　height(function(index,oldHeight){...}) 类型：self 　　获取对象集合中第一个元素的高度，或者设置对象集合中所有元素的高度。　　　　$('#foo').height() //123 　　　　$(window).height() //838（viewport height）

05

Vue:Vue中操作DOM方法

jQuery的杰出的DOM操作能力相信已经深入每一个前端Coder，在使用Vue之前我并不能习惯数据驱动的概念，仍然幻想着把jQuery引入到Vue中，直到深入使用Vue以后才发现，原来许多jQ操作DOM的方法都不需要，数据驱动比手工操作DOM方便快捷许多。尽管如此，Vue仍然给了我们原生DOM控制的能力。环境是由Vue-Cli搭建的webpack模板，省略CSS部分 HTML部分

09

jQuery源码研究：化繁为简之拎出框架结构

昨天看的是jQuery源码中最顶部的模块规范判断部分，其主要作用是针对所处不同环境支持的模块规范给出兼容性操作。而jQuery真正主体的部分是在工厂函数中的，在里面实现了所有功能，下面我将工厂函数的函数体按行标记分割成许多小的模块，分割的依据是按照功能块的不同，下面列出我分割好的jQuery简化框架：

02

jquery框架分析-构造jquery对象初步

这是一些分析jquery框架的文字针对jquery 1.3.2版本面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jquery框架

03

cheerio获取outerHTML

cheerio作为node中jquery的替代品，拥有与jquery相似的api，甚至连详细文档的地址都指向api.jquery.com。但是由于执行环境的关系，并没有完全继承jquery中的方法。对于这样的页面

02

java学习与应用（4.2）--JavaScript、bootstrap

JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素），注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象）变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签
字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。

01

jQuery介绍与常见选择器的使用

jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。

01

前端入门6-JavaScript客户端api&jQuery

作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。

04

多种前端框架的优缺点「建议收藏」

Web前端目前现有的UI框架：Element、Bootstrap、JqueryUi、Foundation、Semantic UI、Pure、UIkit Web前端目前现有的JS框架：JQuery、Zepto、VueJS、AngularJS、ReactJS、backbone 、ember

02

JavaScript第八弹——Ajax快到碗里来

Hello小伙伴们大家好，我们了解了怎样写一个网站结构，了解了怎样装饰页面，了解了怎样给页面添加事件，但是又怎样从后台获取数据呢，今天给大家带来的是作为前后端数据桥梁的Ajax的用法。

01

Web前端基础（06）

###JavaScript中对象分类内置对象: number/string/boolean等浏览器相关对象BOM: Browser Object Model浏览器对象模型页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c

02

什么是jQuery？

Jquey就是一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作

07

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。

01

Juqery就是这么简单

什么是Jquery？ Jquey就是一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作就是封装了JavaScript，能够简化我们写代码的一个JavaScript库为什么要使用Jquery？我觉得非常重要的理由就是：它能够兼容市面上主流的浏览器，我们学习AJAX就知道了，IE和FireFox获取异步对象的方式是不一样的，而Jquery能够屏蔽掉这些不兼容的东西… （1）写少代码,做多事情【write less do more】（2）免费，开源且轻量级的js库，容量很小

05

jQuery中的isPlainObject()方法实现原理

jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象，返回值为Boolean类型。

05

jQuery中调用JSON和XML数据--jQuery基础知识点(6)

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

03

【Java Web_07】XML

一、XML概述 1. 什么是XML * Extensible Markup Language 可扩展标记语言 2. XML的基本语法 ① 基本语法： * xml文档的后缀名 .xml * xml首行必须定义为文档声明 * xml文档中有且仅有一个根标签 * 属性值必须使用引号(单双都可)引起来 * 标签必须正确关闭 * xml标签名称区分大小写 # XML语法严格，标签自定义，主要用来存储数据 # CDATA 区【 <![CDATA[ 数据

02

jQuery 介绍以及基本使用

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

03

zepto 基础知识(2)

20.append 　　append(content) 类型：self 　　在每个匹配的元素末尾插入内容（内部插入）。内容可以为html 字符串。dom节点，或者节点组成的数组。　　　　$('ul').append('

') 21.appendTo 　　appendTo(target) 类型:self 　　将匹配的元素插入到目标元素的末尾（内部插入）　　　　$('

06

jquery（1）

JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。

02

jQuery来源学习笔记：扩展的实用功能

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/117736.html原文链接：https://javaforall.cn

03

全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

大家好！我是你们的老朋友Java学术趴，今天继续给大家分享jQuery的相关知识。jQuery 底层 AJAX 实现。简单易用的高层实现 .get,.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。话不多说，接下来详细给大家介绍jQuery核心知识。

01

前端学习笔记—JavaScript和jQuery

JavaScript分为函数对象和普通对象，每个对象都有proto属性，但是只有函数对象才有prototype属性，prototype属性就是函数的原型对象。比如说构造函数通过new 实例化一个实例对象，实例对象的proto 指向原型对象，同时构造函数prototype也指向原型对象。注意：所有对象都有一个内部[[Prototype]]链接，但proto属性是一个非标准的、在某些环境中可用的方式来访问这个链接。并不是所有的环境都支持proto作为一个可访问的属性，因此最好使用Object.getPrototypeOf()和Object.setPrototypeOf()方法来获取和设置原型链接。

01

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

03

JQuery第一节

jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。

03

jQuery基础--基本概念

js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）

02

jquery和原生dom对象的转换&常用函数方法

var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。

03

jQuery 快速入门教程

在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。

03

JQuery

写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了不同于js，JQuery可以有多个入口函数

06

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

05

JS对象与Dom对象与jQuery对象之间的区别

通过问题看本质：举例： js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的

01

JQuery常用命令

②. document.getElementsByName('uname')(表单元素)

01

01-老马jQuery教程-jQuery入口函数及选择器

前言这套jQuery教程是老马专门为寒门子弟而录制，希望大家看到后能转发给更多的寒门子弟。视频都是免费，请参考课程地址：https://chuanke.baidu.com/s5508922.html

00

01-老马jQuery教程-jQuery入口函数及选择器

1.什么是jQuery？ 1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。本质就是一堆js的函数的组合。对原生DOM操作做了一些非常有用的封装，可以

jquery对象和dom对象的相互转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getEl

04

jQuery性能优化

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

03

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。

02

好久不用 jQuery，来复习一下

jQuery 是一个优秀的 JavaScript 库，是一个由 JohnResig 创建于 2006 年 1 月的开源项目。现在的 jQuery 团队主要包括核心库、UI 和插件等开发人员以及推广和网站设计维护人员。团队中有 3 个核心人物：John Resig、Brandon Aaron 和 Jorn Zaefferer。 jQuery 凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript 开发人员遍历 HTML 文档、操作 DOM、处理事件、执行动画和开发 Ajax 的操作。其独特而又优雅的代码风格改变了 JavaScript 程序员的设计思路和编写程序的方式。

04

jQuery

jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。

05

2.基础核心学习

在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象：jQuery对象=属性+方法，所以我们在页面元素选择或执行功能函数的时候可以这么写：

02

最常见的 20 个 jQuery 面试问题及答案

JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.

03

jQuery笔记(1) (多图)

即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate,hide,show,比如获取元素等/

01

jQuery.data() 的实现方式

jQuery.data() 的实现方式 jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。下面将分三个部分分析其实现方式： 1. 用name和value为对象附加数据；即传入三个参数，第一个参数为需要附加数据的对象，第二个参数为数据的名称，第三个参数为数据的值。当然，只是获取值的话，也可以不传入第三个参数。 2. 用另一个对象为对象附加数据；即传入两个参数，第一个参数为需要附加的数据对象（我们称之为“obj”），第

07

Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦）

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

04

前端成神之路-01_jQuery

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

01

「jQuery」基础 - 01

请注意，本文编写于 2075 天前，最后修改于 173 天前，其中某些信息可能已经过时。

02

一个小时学会jQuery

前一段时间录了一套关于jQuery的视频分享给大家，可以在下载区下载到，本来想配合文字一起的，后面发现视频+帮助文档也是非常好的学习方法。一、jQuery简介与第一个jQuery程序 1.1、jQu

07

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭