jquery如何添加和移除元素

这篇文章主要介绍“jquery如何添加和移除元素”，在日常操作中，相信很多人在jquery如何添加和移除元素问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jquery如何添加和移除元素”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联专注于企业营销型网站建设、网站重做改版、汝南网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站定制开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为汝南等各大城市提供网站开发制作服务。

添加元素的方法：1、用append()或prepend()在指定元素内部添加子元素；2、用after()或before()添加同级元素。移除方法：1、用remove()删除被选元素以及子元素；2、用empty()删除子元素，但保留被选元素。

jquery如何添加和移除元素

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jQuery添加元素的四种方法：

1、append()在被选择元素的结尾添加内容。

使用 append( ) 方法向div元素内部的“末尾处”添加子元素。

语法：

$(A).append(B)

表示往 A 内部的末尾处插入 B。

示例：




	
		
		
		
	
	
		
			第一段文本
			第二段文本
			第三段文本

jquery如何添加和移除元素

2、prepend()在被选择元素的开头添加内容。

prepend( ) 方法可以向div元素内部的“开始处”添加子元素。

语法：

$(A).prepend(B)

表示往 A 内部的开始处插入 B。

示例：

$(function () {
	$("#btn").click(function () {
		var newp = "一个新段落";
		$("div").prepend(newp);
	})
})

jquery如何添加和移除元素

3、after()选择某一个元素，并在该元素之后插入内容。

$(A).after(B)表示往 A 外部的后面插入 B。

示例：



	
		
		
		
	
	

		
			这是一些文本。
			这是div块中的一个p段落。

jquery如何添加和移除元素

4、before()选择某一个元素，并在该元素之插入内容。

$(A).before(B)表示往 A 外部的前面插入 B。



	
		
		
		
	
	

		
			这是一些文本。
			这是div块中的一个p段落。

到此，关于“jquery如何添加和移除元素”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

用户体验为先导为品牌带来生命力