欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

節(jié)點(diǎn)的插入之a(chǎn)ppend()和appendTo()的用法介紹

 更新時(shí)間:2014年01月13日 15:41:28   作者:  
說到節(jié)點(diǎn)的插入想必大家對append()和appendTo()的用法并不陌生吧,下面有個(gè)不錯(cuò)的是,希望對大家學(xué)習(xí)有所幫助
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(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">您認(rèn)為圣思園培訓(xùn)好不好呢?</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特別好</li>
<li title="5">太好了</li>
<li title="6">好的無法描述了</li>
</ul>
</body>

</html>

在已有的節(jié)點(diǎn)上操作
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery4</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(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);

});
</script>
</head>
<body>
<p title="hello world">您認(rèn)為圣思園培訓(xùn)好不好呢?</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特別好</li>
<li title="5">太好了</li>
<li title="6">好的無法描述了</li>
</ul>
</body>
</html>

相關(guān)文章

最新評論