当前位置：首页 > Web开发 > 正文

将p标签插入到div标签前面

2024-03-31 Web开发

标签：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文档措置惩罚惩罚</title>
<script src="http://www.mamicode.com/jquery-3.4.1.js"></script>
</head>
<body>
<a>click</a>
<div>
<div>first</div>

</div>
<p>hello p</p>
<script>
//一：内部插入
//1.(1)append()要领，将p标签插入到div标签里面,(成为最后一个孩子)
// var ele=$(‘p‘);
// $(‘#div1‘).append(ele);
//(2)将p标签插入到div标签里面,(成为最后一个孩子)----(挪用东西不一样)
// var ele=$(‘p‘);
// ele.appendTo($(‘#div1‘))

//2.(1)prepend()要领，将p标签插入到div标签里面,(成为第一个孩子)
// var ele2=$(‘p‘);
// $(‘#div1‘).prepend(ele2);
//(2)将p标签插入到div标签里面,(成为第一个孩子)----(挪用东西不一样)
// var ele2=$(‘p‘);
// ele2.prependTo($(‘#div1‘));

//二：外部插入
//1.(1)after()要领，将p标签插入到div标签后面,和div并列为兄弟
// var ele1=$(‘a‘);
// $(‘div‘).after(ele1);
//(2).insertAfter()要领，将p标签插入到div标签后面,和div并列为兄弟
// var ele1=$(‘a‘);
// ele1.insertAfter($(‘#div1‘));
//2.(1)before()要领，，将p标签插入到div标签前面,和div并列为兄弟
// var ele2=$(‘p‘)
// $(‘#div1‘).before(ele2);
//(2).insertBefore()要领，将p标签插入到div标签前面,和div并列为兄弟
// var ele2=$(‘p‘);
// ele2.insertBefore($(‘#div1‘));

//clone()要领
var e=$(‘div p‘);
var ele=e.clone();
//然后对克隆东西进行操纵

</script>

</body>
</html>

jquery内部插入与外部插入

温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30224.html

将p标签插入到div标签前面

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢