jQuery append 与 after 的区别

罗惠东 2015-02-28

1、after函数

定义和用法:

after()方法在被选元素后插入指定的内容。

语法:

$(selector).after(content)

实例:

<html>

<head>

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

<scripttype="text/javascript">

$().ready(function(){

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

$("span").after("<ahref="#">ddddd</a>")

})

})

</script>

</head>

<body>

<span>aaaaaaaaaaaaaaa</span>

<button>after函数</button>

</body>

</html>

结果如下:

<span>aaaaaaaaaaaaaaa</span>

<ahref="#">ddddd</a>

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

2、append函数

定义和用法:

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

语法:

$(selector).append(content)

实例:

<html>

<head>

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

<scripttype="text/javascript">

$().ready(function(){

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

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

})

})

</script>

</head>

<body>

<span>aaaaaaaaaaaaaaa</span>

<button>after函数</button>

</body>

</html>

结果如下:

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

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

相关推荐