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

转载 2018年04月17日 10:14:45

本文转载自:https://www.cnblogs.com/ningheshutong/p/6681074.html

最近通过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元素

$(”).html()是获得选中元素下的子节点的html,不能包含自身元素。hello,你好! $(".test").prop("outerHTML"); 反之,我们要把更改包含选中自身的元素的ht...
  • qq_31648761
  • qq_31648761
  • 2017-05-08 10:08:53
  • 1139

jQuery获取包括当前元素的HTML

1、获取当前元素内的HTML (1)方法一 $("#current").html(); (2)方法二 document.getElementById("current").innerHTML;...
  • yixu0534
  • yixu0534
  • 2017-11-28 11:49:36
  • 147

js和jquery获取元素的方法

js和jquery获取元素节点的方法: 一、js通过document节点获取: document.getElementById("elementId"); document.getElements...
  • tangxiujiang
  • tangxiujiang
  • 2017-07-21 18:34:40
  • 1634

jQuery操作DOM(Document、Object、Model)对象——页面元素操作

1.获取元素的属性:     attr(name); 2.设置元素的属性:     attr(key, value);     attr({key0 : value0,  key1 : val...
  • u012342408
  • u012342408
  • 2015-05-03 15:01:16
  • 1056

jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]

node2:/var/www/html/jquery/aa#cat a7.html 测试页面 node2:/var/www/html/jquery/aa#cat a7.js var n...
  • zhaoyangjian724
  • zhaoyangjian724
  • 2018-01-25 10:25:39
  • 191

jQuery获取HTML元素的坐标

绝对坐标:(对于浏览器窗口的坐标) var x = $('#id').offset().top; var y = $('#id').offset().left; 相对坐标:(相对于父元素的坐标) ...
  • zxygww
  • zxygww
  • 2015-08-07 13:59:49
  • 2480

JQuery 获取元素包括本身的HTML

$(this).prop("outerHTML")
  • u011380813
  • u011380813
  • 2015-01-16 15:29:02
  • 1677

学习笔记之Document Object Model(1)——如何使用document获得文档元素(element对象)

每天学习一点点,进步多一点儿!!
  • weilixin88
  • weilixin88
  • 2017-02-19 17:39:24
  • 719

工作中的隐藏元素的获取

隐藏元素的获取的问题 在金蝉中当一个元素是隐藏状态的时候是无法获取到的,但是当在使用store.get(‘bind值’, {}), 在加上这个大括号的时候是可以获取到这个隐藏的元素的,这里虽然不知...
  • sqrtsix
  • sqrtsix
  • 2017-08-11 10:37:36
  • 108

jquery 获取元素本身Html

jquery 获取元素本身Html
  • luolian123456
  • luolian123456
  • 2015-07-17 11:37:18
  • 1847
收藏助手
不良信息举报
您举报文章:jquery获取的html元素和document获取的元素的区别
举报原因:
原因补充:

(最多只允许输入30个字)