1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8.     <script src="../jquery-3.3.1.min.js"></script>
    9. </head>
    10. <body>
    11.     <ul>
    12.         <li>11</li>
    13.         <li>11</li>
    14.         <li>11</li>
    15.         <li>11</li>
    16.         <li>11</li>
    17.         <li>11</li>
    18.         <li id="t2">11</li>
    19.         <li>11</li>
    20.         <li id="t4">11</li>
    21.         <li>11</li>
    22.     </ul>
    23.     <script>
    24.         var t2= document.getElementById('t2');
    25.         t2.style.color=='red';
    27.         // JQ获取的对象和我们原生获取的对象 不是一个对象，不相等
    29.         //DOM对象转换为jq对象
    30.         //直接将dom对象放入$（）里面
    31.         //$(t2).css('color','red')
    32.         //JQ对象如何转换为DOM对象，真接使用下标获取
    33.         $('#t4')[0].style.color='red';
    35.     </script>
    36. </body>
    37. </html>