jQuery——DOM对象和jQuery对象

最新推荐文章于 2025-03-04 11:29:10 发布

一只躺平的猪

最新推荐文章于 2025-03-04 11:29:10 发布

阅读量319

点赞数

分类专栏：前端文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_45833260/article/details/125944191

版权

前端专栏收录该内容

2 篇文章

订阅专栏

jQuery 学习注意点记录

DOM对象和jQuery对象

1.获取对象

由原生js获取到的对象为DOM对象

var div = document.querySelector('div');

由$获取到的对象为jQuery对象

$('div')

2. 两者区别

DOM对象和jQuery对象的方法和属性不能混合使用

//隐藏div元素
var div_dom = document.querySelector('div');

div_dom.hide();									//正确写法：div_dom.style.diaplay = 'none';

$('div').style.diaplay = 'none';		       //正确写法：$('div').hide();

3. 相互转化

DOM对象 -> jQuery对象

var div_dom = document.querySelector('div');

$(div_dom).hide();

jQuery对象 -> DOM对象

//jQuery对象是一个伪数组
<body>
    <video src="mov.mp4" muted></video>
    <script>
   	      $('video')[0].play();    //或者$('video').get(0).play();
    </script>
</body>