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

好久不见. 提交于 2019-12-10 18:44:11

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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!