节点的插入之append()和appendTo()的用法介绍

复制代码代码如下:

　　<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

　　<html>

　　<head>

　　<title>jquery</title>

　　$(function(){

　　//append()的用法

　　//$("ul").append("<li title='abc'>hello</li>");

　　//$("ul").append("<li title='xyz'>world</li>");

　　//appendTo()的用法

　　$("<li title='xyz'>hello</li>").appendTo($("ul"));

　　});

　　</script>

　　</head>

　　<body>

　　<p title="hello world">您认为圣思园培训好不好呢？</p>

　　<ul>

　　<li title="6">好的无法描述了</li>

　　</ul>

　　</body>

　　</html>

　　在已有的节点上操作

复制代码代码如下:

　　<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

　　<html>

　　<head>

　　<title>jquery4</title>

　　$(function(){

　　var li1 = $("<li title='abc'>hello</li>");

　　var li2 = $("<li title='abc'>world</li>");

　　var li3 = $("<li title='abc'>hello world</li>");

　　$("ul").append(li1);

　　$("ul").prepend(li2);

　　$("ul li:eq(4)").after(li3);

　　});