jquery中的append,prepend,appendTo,prependTo,after,before

jquery中的append,prepend,appendTo,prependTo,after,before

<html>
<head>
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(
function(){
var link=$("<a style='background:orange'>aaa</a>");
$(
"#d1").append(link);//div内后面加link
       //$("#d1").prepend(link);//div内前面加link
       //link.appendTo($("#d1"));//div内后面加link
       //link.prependTo($("#d1"));//div内前面加link

//$("#d1").after(link);//div外后面加link
       //$("#d1").before(link);//div外前面加link
})
</script>
</head>
<body>
<div id="d1" style="background:green; width:55px;"><a>div<a></div>
</body>
</html>



posted @ 2012-02-18 12:55  JesseLZJ  阅读(514)  评论(0编辑  收藏  举报