jQuery-文档处理1append-appendTo-prepend-prependTo-after-before的应用

最新推荐文章于 2019-11-25 19:46:50 发布

buzhang1314

最新推荐文章于 2019-11-25 19:46:50 发布

阅读量493

点赞数

分类专栏： jquery基础文章标签： jquery jQuery文档的处理

本文链接：https://blog.csdn.net/buzhang1314/article/details/39832889

版权

jquery基础专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>buzhang-title</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
    //$('p').append('<b>hello</b>');
    //$('p').appendTo('div');
	
	//向每个匹配的元素内部前置内容。
    //这是向所有匹配元素内部的开始处插入内容的最佳方式。
    //$("p").prepend("<b>Hello</b>");
	
	//把所有匹配的元素前置到另一个、指定的元素元素集合中。    
	//实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。
    //$("p").prependTo("#foo");
    //结果：<div id="foo"><p>I would like to say: </p></div>
	
	     //appendTo把所有匹配的元素追加到另一个指定的元素元素集合中。    //$('<b>aaaaaaa<b>').appendTo('p');
	
	//after在每个匹配的元素之后插入内容。
    //$('div').after('-aaa');
	
	//before在每个匹配的元素之前插入内容。
    //$('div').before('aaa-');
	
	//append向每个匹配的元素内部追加内容。
    $('body').append('<div>ok</div>');
});
</script>
</head>

<body>
<p>p1</p>
<hr>
<p>p2</p>
<p>I would like to say: </p>
<hr>
<div></div>
<hr>
<p>I would like to say: </p><div id="foo"></div>
<hr>
<div>aaaaaaaaaa<b>hhhhhhhhh</b></div>ok
</body>
</html>