JQuery基础之获取和设置标签内容

JQuery基础之获取和设置标签内容方法，如下图：

代码实现：

 1  <script src="JS/jquery-1.12.4.min.js"></script>
 2     <script>
 3         $(function(){
 4             $div = $('#div1');
 5             // 获取当前标签元素内包裹的内容
 6             console.log($div.html());
 7             // 设置当前标签元素内包裹的内容
 8             $div.html('<a href="#">h1</a>');
 9             console.log($div.html());
10             // 在当前标签元素内的最后追加内容
11             $div.append('<a href="#">h2</a>');
12             console.log($div.html());
13         });
14     </script>
15 
16 
17 <body>
18     <div id="div1">
19         <h1>h1</h1>
20     </div>
21 </body>

该花的钱要花，该吃的饭要吃。