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

你可能感兴趣的:(jQuery)