Jquery对象和DOM对象

最新推荐文章于 2022-07-25 16:09:34 发布

极客研究者

最新推荐文章于 2022-07-25 16:09:34 发布

阅读量124

点赞数

分类专栏： JQuery 文章标签： jquery dom javascript

本文链接：https://blog.csdn.net/qq_34550459/article/details/106113558

版权

JQuery 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

DOM对象:文档对象模型
DOM是以层次结构组织的节点或信息片段的集合,每一份DOM都可以表示成一棵树。
JQuery对象:
就是通过jquery包装DOM对象后产生的对象。
注意:
虽然JQuery对象就是通过jquery包装DOM对象后产生的,但是JQuery无法使用DOM对象任何方法,同理DOM对象也无法使用JQuery对象的所有的方法。
需要进行相互转换才可使用。

1.Jquery对象转换成DOM对象
方式一:
jquery对象是一个类似数组的对象,可以通过[index]的方法获取对应的dom对象
方式二:
jquery本身提供的get(index)方法获取dom对象

Demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Jquery对象和DOM对象之间的转换</title>
    <!-- 引入jquery类库 -->
    <script src="../js/jquery.min.js"></script>
    <script>
    /*
    
    */
    $(document).ready(function(){
        var videoElement=$('video');//Jquery对象
        $('video').get(0).play();
		
		var videoDOMElement=document.querySelector('video');
		var $_videoElement=$(videoDOMElement);//将DOM元素转换为Jquery对象

    });
    </script>
</head>
<body>
    <video src="./movies/mov.mp4"></video>
</body>
</html>

2.DOM对象转换成Jquery对象
对于一个DOM对象,只需要用$()把它包装起来,就可以得到一个Jquery对象了,即
$(DOM对象)

极客研究者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery对象和DOM对象

DOM对象:文档对象模型DOM是以层次结构组织的节点或信息片段的集合,每一份DOM都可以表示成一棵树。JQuery对象:就是通过jquery包装DOM对象后产生的对象。注意:虽然JQuery对象就是通过jquery包装DOM对象后产生的,但是JQuery无法使用DOM对象任何方法,同理DOM对象也无法使用JQuery对象的所有的方法。需要进行相互转换才可使用。1.Jquery对象转换成DOM对象方式一:jquery对象是一个类似数组的对象,可以通过[index]的方法获取对应的dom对象
复制链接

扫一扫