jQuery对象和Dom对象

最新推荐文章于 2024-08-14 15:45:18 发布

婷宝_知萌

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量184

点赞数

本文链接：https://blog.csdn.net/weixin_58017233/article/details/125901170

版权

1.Query 对象只能使用 jQuery 方法， DOM 对象则使用原生js 属性和方法

2.因为原生js比jQuery 更大，原生的一些属性和方法jQuery 没有给我们进行封装，想要获取这些属性和方法需要把 jQuery 对象转换为 DOM 对象才能使用

jQuery 对象和 Dom 对象可以相互转化

1）.dom对象转换为 jQuery 对象 : $(DOM对象)

2）. jQuery 对象转换为 DOM 对象(两种方式)
$('div')[index] index 是索引号
$('div').get(index) index 是索引号


<!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>jQuery和dom对象但是相互转化</title>
    <script src="../jquery.min.js"></script>
</head>

<body>
    <div>我是盒子哦</div>
</body>
<script>
    // 1. 获取 dom 元素
    var x = document.querySelector("div");
    // console.log(x);
    // 2.将dom 元素转换为 jQuery 元素
    $("x");
    console.log($("x"));  // 输出 S.fn.init(0)
    // 3,将jQuery 对象转换为 dom 对象
    // 3.1 第一种方式
    $("div")[0];
    console.log($("div")[0]);  // 输出： <div>我是盒子哦</div>
    // 3.2 第二种方式
    $("div").get(0);   // 里面的数组是下标 
    console.log($("div").get(0));
</script>

</html>