jquery怎么添加和移除元素

jquery怎么添加和移除元素,第1张

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

jquery怎么添加和移除元素,第2张

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

jQuery添加元素的四种方法:

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

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

语法:

$(A).append(B)

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

示例:




	
		
		
		
	
	
		

第一段文本

第二段文本

第三段文本

jquery怎么添加和移除元素,1.gif,第3张

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

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

语法:

$(A).prepend(B)

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

示例:

$(function () {
	$("#btn").click(function () {
		var newp = "

一个新段落

"; $("div").prepend(newp); }) })

jquery怎么添加和移除元素,3.gif,第4张

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

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

示例:



	
		
		
		
	
	

		
这是一些文本。

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


jquery怎么添加和移除元素,1.gif,第5张

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

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



	
		
		
		
	
	

		
这是一些文本。

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


jquery怎么添加和移除元素,3.gif,第6张

jQuery删除元素的方法2种方法:

  • 使用remove()方法可以将被选元素以及子元素同时删除。



	
		
		
		
	
	
		
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Vue.js

jquery怎么添加和移除元素,2.gif,第7张

  • 使用empty()会将被选元素的子元素进行删除,不会删除被选元素。



	
		
		
		
	
	
		
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Vue.js

jquery怎么添加和移除元素,1.gif,第8张

【推荐学习:jQuery视频教程web前端视频

以上就是jquery怎么添加和移除元素的详细内容,更多请关注php中文网其它相关文章!

文章来源:https://www.php.cn/website-design-ask-492232.html

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复