使用jQuery可以方便的添加新的HTML元素。
下面的方法用于添加HTML元素:
append() – 在指定的元素的尾部添加一个新内容。
prepend() -在指定的元素里前部添加新内容。
after() – 在指定元素前添加新内容
before() -在指定元素的后面添加新内容。
乍一看 append,prepend 和after,before似乎功能一样,但append,prepend指在选中的元素本身(内部)的前 面和后面,而after,before指在选择中的元素的前面和后面。
可以参考下面的append例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("#btn1").click(function () { $("p").append(" <b>Appended text</b>."); }); $("#btn2").click(function () { $("ol").append("<li>Appended item</li>"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> <button id="btn1">Append text</button> <button id="btn2">Append list items</button> </body> </html>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索append
, function
, 元素
, jquery append
, prepend
, 新内容
, List添加元素
, 添加元素
后面
jquery添加html元素、jquery添加元素、jquery数组添加元素、jquery 动态添加元素、jquery添加子元素,以便于您获取更多的相关知识。