jQuery使用before()和after()在元素前后添加内容的方法_IT百科

本文实例讲述了jQuery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下：

<!DOCTYPE

html>

<html>

<head>

<script

src="js/jquery.min.js">

</script>

$(document).ready(function(){

$("#btn1").click(function(){

$("img").before("<b>Before</b>")

})

$("#btn2").click(function(){

$("img").after("<i>After</i>")

})

</script>

</head>

<body>

<img

src="/images/w3jquery.gif"

alt="jQuery"

width="100"

height="140">

<button

id="btn1">Insert

before</button>

<button

id="btn2">Insert

after</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

append：在元素内部的最后面添加元素,作为子元素，如：

通过jquery代码$("div").append("<p>我是通过append添加的</p>")

得到的结果是

prepend：在元素内部的最前面添加元素,作为子元素，如：

通过jquery代码$("div").prepend("<p>我是通过prepend添加的</p>")

得到的结果是

before:在元素的前边，作为兄弟元素添加,如

通过jquery代码 $(".base").before("<div>我是在前边添加的兄弟节点</div>")

得到的结果是

after:在元素的后边，作为兄弟元素添加,如

通过jquery代码 $(".base").after("<div>我是在后边添加的兄弟节点</div>")得到的结果是

欢迎分享，转载请注明来源：内存溢出

jQuery使用before()和after()在元素前后添加内容的方法