1、after()方法用法
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$().ready(function(){
$("button").click(function(){
$("span").after("<a href="#">aaa</a>")
})
})
</script>
</head>
<body>
<span>测试after</span>
<button>after函数</button>
</body>
</html>
结果如下：
<span>测试after </span>
<a href="#">aaa</a>
span标签后面多了一个a标签
2、append()方法用法
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$().ready(function(){
$("button").click(function(){
$("span").append("<a href="#">aaa</a>")
})
})
</script>
</head>
<body>
<span>测试append()</span>
<button>append 函数</button>
</body>
</html>
结果如下：
<span>测试append() <a href="#">aaa</a></span>
span标签里面多了一个a标签