jQuery对象与 js对象区别与联系

最新推荐文章于 2021-11-30 22:27:10 发布

Clond2022

最新推荐文章于 2021-11-30 22:27:10 发布

阅读量529

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/HXChuangxiaochuan/article/details/78653120

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li id="cloth">衣服</li>
    <li>裤子</li>
    <li>裤衩</li>
    <li>袜子</li>

</ul>
<script src="jquery-3.2.1.js"></script>
<script>
    $(function () {
        //1.什么是DOM对象
        var cloth = document.getElementById("cloth");
        cloth.style.backgroundColor = "pink";
        

        //2.什么是jq对象：使用jq的方式获取到元素就是jq对象
         var $li = $("li");
         //$li.text("wogaileneirong")
    });

    //DOM对象转换jQuery对象
     $(cloth).text("呵呵");

     //jQuery对象转换DOM对象（取出来）
    var $li = $("li");
    $li[1].style.backgroundColor = "red";
    
    //1.什么是DOM对象：用js的方式获取到的对象时DOM对象
    //2.jQuery对象：用jq的方式获取到的对象时jq对象
    //3.区别与联系
    //4.区别：js对象yujq对象的方法不能混着用
    //5.联系：
        //DOM-->jQuery  $();
        //jQuery--> DOM  $li[0]  或者 li.get(0)
        
    
</script>


</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Clond2022

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象与 js对象区别与联系

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>ul> li id="cloth">衣服li> li>裤子li> li>裤衩li> li>袜子li>ul>script src="jquery-3.2.1.js">script>scr
复制链接

扫一扫