<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文檔處理</title>
<script src="jquery-3.4.1.js"></script>
</head>
<body>
<a>click</a>
<div id="div1">
<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內部插入與外部插入
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。