jQuery 可以给 div 添加元素. 下面本篇文章给大家介绍一下使用 jQuery 给 div 添加元素的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
通过 jQuery, 可以很容易地添加新元素 / 内容.
方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
示例 1: 使用 append()
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $("#btn").click(function() {
- $("div").append("<b > 插入文本 </b>.");
- });
- });
- </script>
- </head>
- <body>
- <div>
- 这是一个 div 文本.
- </div>
- <div>
- 这是另一个 div 文本
- </div>
- <br>
- <button id="btn">
- 插入文本
- </button>
- </body>
- </HTML>
效果图:
示例 2:prepend() 方法
- <script>
- $(document).ready(function(){
- $("#btn").click(function(){
- $("div").prepend("<b > 在开头追加文本 </b>.");
- });
- });
- </script>
效果图:
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18316.html