文章 > JavaScript > jquery中append()方法如何使用

jquery中append()方法如何使用

头像

宋雪维

2021-03-23 18:19:04699浏览 · 0收藏 · 0评论

在我们输出代码时,想要在代码元素后追加元素,可以使用after() 方法,除此之外,append()方法也可以在所匹配元素集合中每个元素的末尾追加自己想加的元素,本文向大家介绍jquery中使用append()方法向每个匹配的元素内部追加内容的原理及具体实现。

1、append()方法

将参数指定的内容插入匹配元素集合中每个元素的末尾;

是向每个匹配的元素内部追加内容。 

2、两种使用语法

 $(selector).append(content)

content表示要追加目标中的内容。

 $(selector).append(function(index,html))

function(index,html)表示用于追加到每一个匹配元素里面,index为索引值,html是原先的html值

3、使用实例

<script>
$(document).ready(function(){
	$("#btn1").click(function(){
		$("p").append(" <b>插入文本</b>.");
	});
	$("#btn2").click(function(){
		$("ol").append("<li>插入项</li>");
	});
});
</script>

以上就是append()方法的介绍,需要注意的是append()方法会覆盖类名相同的哦~更多JavaScript学习推荐:JavaScript教程

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮