jquery中append()和appendTo()的区别
append(content)⽤法:
功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是⼀个返回字符串内容的函数。实例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5</title>
<style></style>
<!--不需要再次引⽤jquery-->
<script type="text/javascript" src="code.jquery/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function () {
$("#appendH3").append("<p>追加的内容</p>")
})
</script>
</head>
<body>
<h3 id="appendH3">append()追加内容</h3>
</body>
</html>
结果:
appendTo()⽤法:
使⽤格式是:
$(content).appendTo(selector);
参数content表⽰需要插⼊的内容,参数selector表⽰被选的元素,即把content内容插⼊selector元素内,默认是在尾部。
实例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5</title>
<style></style>
<!--不需要再次引⽤jquery-->
<script type="text/javascript" src="code.jquery/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$("#beP").appendTo("#myDiv");
})
</script>
</head>
jquery字符串截取
<body>
<div id="myDiv" >        <h3 id="appendH3">append()追加内容</h3>
</div>
<p id="beP">被追加的内容</p>
</body>
</html>
结果:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。