侧边栏壁纸
博主头像
MeowRain

  大家好,我是MeowRain,中文可读作喵雨,至于为什么起这个名字,其实是因为英文里的rain和我的名字有谐音字,哈哈😄,再一个就是我比较喜欢猫咪,也养着一只小猫咪(叫小喵,目前是我姐姐代养,自己太忙了顾不上照顾小猫咪)所以就叫MeowRain啦。

  • 累计撰写 168 篇文章
  • 累计创建 48 个标签
  • 累计收到 5 条评论

jquery学习---Day2-(jquery的基本使用).md

MeowRain
2021-07-31 / 0 评论 / 0 点赞 / 82 阅读 / 1,367 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2021-07-31,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

title: jquery学习 --Day2 (jquery的基本使用)
categories: 🥭笔记
tags: [dom,javascript,jquery]
date: 2021-02-17 22:38:00

66b31156bcae6356e862caf0b3c42b45

jquery学习 --Day2 (jquery的基本使用)

区分DOM对象和jquery对象

  • DOM对象:用原生JS获取过来的对象是DOM对象
  • Jquery对象:用jquery的方式获取过来的对象是jquery对象,实质:通过$把DOM元素进行了包装(伪数组形式存储)

DOM对象

    <div>
fdsahfsjdiofdsfkas
    </div>
    <script>
var div = document.querySelector('div');
console.dir(div);
    </script>

Jquery对象

$('div');
console.dir($('div'))

image-20210217222457011

DOM对象与jQuery对象进行相互转换

  • DOM对象转换为jQuery对象
<video src="new.mp4"></video>
    <script>
var myVideo = document.querySelector('video');

$(myVideo);//将DOM对象转换为jQuery 对象
    </script>
  • jQuery对象转换为DOM对象
//1.
$('div')[0];  //0为索引号 标准格式:$('div')[idnex];
//2.
$('div').get(0); //0为索引号 标准格式 $('div').get(idnex);

小总结:

<video src="new.mp4" muted></video>
    <script>
var myVideo = document.querySelector('video');

$(myVideo);//将DOM对象转换为jQuery 对象

myVideo.play();//DOM对象获取到video元素自动播放
$('video')[0].play(); //获取到的视频自动播放 --> jquery转DOM对象
    </script>

[link img="https://image.crisp.chat/avatar/operator/34e2bea2-70a3-4740-b246-1c217b33e424/240/?1613477978047" href="https://doc.catdog007.icu" title="猫狗鼠鱼的文档"]猫狗鼠鱼的文档[/link]

0

评论区