jQuery对象与 js对象区别与联系_与javascript中的“dom对象.onclick = function() {};”这种方式不-优快云博客

本文介绍了DOM对象与jQuery对象的概念及它们之间的区别与联系。通过具体示例展示了如何使用JavaScript和jQuery来操作网页元素，包括样式修改和内容更新。

<!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>