您的位置：首页 > Web前端 > JQuery

jQuery内部插入节点方法

2013-10-24 16:06 387 查看 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>jQuery内部插入节点方法</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script>
/*
1、append(content)
content表示追加到目标种的内容
向所选择的元素内部插入内容

2、prepend(content)
content表示插入目标元素内部前面的内容
向每个所选择的元素内部前置内容

3、prepend(function(index,html))
通过function函数返回插入目标元素内容前面的内容    向所选择的元素内部前置function函数所返回的内容

4、prependTo(content)
content表示用于选择元素的jQuery表达式
将所选择的元素前置到另一个指定的元素集合中

*/
</script>
</head>
<body>
<!--

5、append(function(index,html))
通过function函数返回追加到目标中的内容
向所选择的元素内部插入function函数所返回的内容

<script>
$(function(){
$("div").append(retHtml);
function retHtml(){
var str="<b>Write Less Do More</b> ";
return str;
}
})
</script>
<div>jQuery</div>

6、appendTo(content)
content表示被追加的内容
把所选择的元素追加到另一个指定的元素集合中

假如要将span标记插入div标记中，则执行下列代码：

$("span").appendTo($("div"));

-->

</body>
</html>


View Code
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航