Jquery动态添加标签元素,在指定标签前或者标签后（append/prepend用法）

1.append() 方法在被选元素的结尾插入指定内容。 2.appendTo() 方法在被选元素的结尾插入 HTML 元素。 3.prependTo() 方法在被选元素的开头插入 HTML 元素。 4.prepend() 方法在被选元素的开头插入指定内容。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Test</title><script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ //在p前面添加span $("<span>Hello World! </span>").prepend("p"); //在p前面添加span //$("<span>Hello World! </span>").prependTo("p"); //在p后面添加标签span // $("<span>Hello World!</span>").appendTo("p"); //在p后面添加标签span // $("p").append(" <b>插入文本</b>."); });});</script></head><body><button>Jquery动态添加标签元素</button><p>Test :</p><p>这是:</p></body></html>