dom对象和jQuery对象之间的相互转换

最新推荐文章于 2024-09-16 08:47:17 发布

_处女座程序员的日常

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量294

点赞数

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

本文链接：https://blog.csdn.net/qq_42931285/article/details/128963406

版权

前端同时被 2 个专栏收录

372 篇文章 12 订阅

订阅专栏

230 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<div id="box">好好学习，天天线上</div>
<div></div>
<div></div>
</body>

</html>
<script src="./jquery.js"></script>
<script>

let div = document.getElementById('box');
  console.log('dom对象为',div);// 获取的是dom对象
  console.log('jquery对象为',$(div));// 将dom对象转换为jQuery兑现
  let $div = $('#box');//获取的是jQuery对象，是个类数组，是dom对象包装集。
  console.log('jQuery对象为：',$div)
  console.log('dom对象为：',$div[0]);// jQuery对象利用下标获取dom对象

</script>