jquery获取的html元素和document获取的元素的区别

摘要:
jQuery对象转成DOM对象:两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get;jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。通过以上方法,可以任意的相互转换jQuery对象和DOM对象。

最近通过ocx做了一个视频插件,然后将插件放到html中(想知道的可以看一下)

因为我要操作这个插件,要播放,停止等,所以我需要获取这个元素,不出意外的,我就用jquery来获取,然后根本无法执行,然后用document来获取,正常执行,具体的如下所示

//正常执行     
var obj = document.getElementById("player00");
obj.testhelloworld();
//无法执行
var playobj = $('#player00');
playobj.testhelloworld();

然后我就在想,这两者有什么区别呢?然后搜索了如下结论

jquery获取的html元素是jquery对象,可以执行jquery的方法,而document获取的是dom对象,执行的是dom的方法

顿时释然,我此前一直认为两个是等价的,并为追究为什么dom的方法为什么不能在jquery来执行,现在想想,完全释然了。

既然这样,那么两者之间怎么互相转化呢?毕竟所得到的对象的内容是一样的。

jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
如:var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
DOM对象转成jQuery对象:
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
如:var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。
通过以上方法,可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。

免责声明:文章转载自《jquery获取的html元素和document获取的元素的区别》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇论文阅读笔记(七十二)【ICMR2020】:Compact Network Training for Person ReIDecharts图例的位置及大小,环图中间字下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery历史版本

jQuery 1.0(2006年8月):该库的第一个稳定版本,已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。 jQuery 1.1(2007年1月):这一版大幅简化了API。许多较少使用的方法被合并,减少了需要掌握和解释的方法数量。 jQuery 1.1.3(2007年7月):这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从...

jQuery制作图片旋转效果

这是本人第一次在博客园写点东西,初出茅庐,东西写的不好还请各位看官,各位兄弟姐妹不要见笑。 以前用JQuery写过一个纵深方向上的图片旋转效果,在这里拿出来跟大家分享下,贴上一张图片看看效果是如何的: 其实现原理并不复杂,在数学上只用到了其中的正弦函数,制作过程大致如下: (1)先定义好图片旋转的半径 (2)图片旋转的过程需要用到setInterval(...

jQuery 分步引导 插件

转自:http://blog.libnav.com/js/57.html 很多时候一个网站或者一个Web应用出品,为了让你的用户知道你的站点(或应用)有些什么?如何操作?为了让你的用户有更好的体验。往往这个时候都 会给你的站点(应用)添加一个分步指引的效果。然而这样的效果,对于不懂原生js的同学来说,是件蛮头痛的事情。不过大家不要慌,根据 Webreso...

Unity3D ZFBrowser (EmbeddedBrowser) 插件嵌入网页无法输入中文问题

  网页嵌入插件最好的应该就是ZFBrowser了, 可是使用起来也是问题多多, 现在最要命的是网页输入不能打中文, 作者也没打算接入IME, 只能自己想办法了...   搞了半天只想到一个办法, 就是通过Unity的IME去触发中文输入, 然后传入网页, 也就是说做一个透明的 InputField 盖住网页的输入文本框, 然后在 Update 或是 on...

jQuery笔记

jQuery 是一个 JavaScript 函数库 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 一、引入jQuery:    可以到jQuery官网http://jquery.com/downloa...

Linux ${} 变量内容的提取和替换功能等

[root@localhost log]# var=/dir1/dir2/file.txt 1、对变量取值 [root@localhost log]# echo ${var} /dir1/dir2/file.txt 2、求字符串的长度 [root@localhost log]# echo ${#var} 19 3、提取位置3到最后的字符 [root@loc...