1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <style>
    7.         .active {
    8.             color: red;
    9.         }
    11.         li {
    12.             cursor: pointer;
    13.         }
    14.     </style>
    15. </head>
    17. <body>
    18.     <div id="app">
    19.         <div>dfasdfadsf</div>
    20.         <div>dfasdfadsf</div>
    21.         <div>dfasdfadsf</div>
    22.     </div>
    23.     <ul>
    24.     </ul>
    26.     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    27.     <script>
    28.         // 获取app里面的html字符串
    29.         var str = $('#app').html();
    30.         console.log(str);
    32.         var str = $('#app').text();
    33.         console.log(str);
    34.         // 给ul添加内容
    35.         var str3 = `
    36.             <li>第1个li元素</li>
    37.             <li>第2个li元素</li>
    38.             <li>第3个li元素</li>
    39.             <li>第4个li元素</li>`;
    40.         $('ul').html(str3);
    41.     </script>
    42. </body>
    44. </html>