jquery中append()和appendTo()的区别

it2025-10-22  9

append(content)用法:

功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。

实例:

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5</title> <style></style> <!--不需要再次引用jquery--> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function () { $("#appendH3").append("<p>追加的内容</p>") }) </script> </head> <body> <h3 id="appendH3">append()追加内容</h3> </body> </html>

结果:

appendTo()用法:

使用格式是: $(content).appendTo(selector); 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。

实例:

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5</title> <style></style> <!--不需要再次引用jquery--> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $("#beP").appendTo("#myDiv"); }) </script> </head> <body> <div id="myDiv" style=" height: 100px;border: 2px solid blue ;margin: 2px auto;width: 200px;"> <h3 id="appendH3">append()追加内容</h3> </div> <p id="beP">被追加的内容</p> </body>

结果:

 

最新回复(0)