JQuery作为javascript的函数库,提供了很多方便的操作元素的方法,本章内容主要讲述如何使用jQuery向HTMl页面中追加新元素。通过jQuery,可以很容易的向页面中添加新元素或内容,使用jQuery向HTML页面中追加新元素主要使用了如下几个方法:
1、append():
$("p").append("<a>1</a>");
在p元素尾部追加<a>1</a>。
2、appendTo():
$("<a>1</a>").appendTo($("p")).;
将<a>1</a>追加到p元素尾部。
3、prepend():在被选元素的开头插入内容:
$("p").prepend("<a>1</a>");
在p元素头部追加<a>1</a>。
4、prependTo():
$("<a>1</a>").prependTo($("p")).;
将<a>1</a>追加到p元素头部。
5、after():
$("p").after("<a>1</a>");
在p元素后方插入<a>1</a>。
6、insertAfter():
$("<a>1</a>").insertAfter($("p"));
将<a>1</a>插入到p元素后方。
7、before():
$("p").before("<a>1</a>");
在p元素前方插入<a>1</a>。
8、insertBefore():
$("<a>1</a>").insertBefore($("p"));
将<a>1</a>插入到p元素前方。