您的位置：首页 > 移动开发

jQuery中append和appendTo函数的区别详解

2017-07-12 13:15 453 查看

append函数

定义和用法：

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

语法：

$(selector).append(content)

实例：

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$().ready(function(){

$("button").click(function(){

$("span").append("<a href="#">ddddd</a>")

})

})

</script>

</head>

<body>

<span>aaaaaaaaaaaaaaa</span>

<button>after函数</button>

</body>

</html>

结果如下：

<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>

span标签里面多了一个a标签

appendTo函数

定义和用法：

appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。

语法：

$(content).appendTo(selector)实例：

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$().ready(function(){

$("button").click(function(){

// $("span").appendTo("<a href="#">ddddd</a>"),这样的写法是不正确的

$("<a href="#">ddddd</a>").appendTo("span")

})

})

</script>

</head>

<body>

<span>aaaaaaaaaaaaaaa</span>

<button>after函数</button>

</body>

</html>

结果如下：

<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>

span标签里面多了一个a标签

效果和append函数是一样，只不过它们的写法是反着来写的而已

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery append 函数 appendTo

相关文章推荐

新的分享

章节导航