9.jQuery操作节点(选择、创建、添加、复制、删除)

夙惜言

已于 2022-05-01 22:51:13 修改

阅读量829

点赞数

分类专栏： JS 文章标签： jquery 前端 javascript

于 2022-05-01 22:44:43 首次发布

本文链接：https://blog.youkuaiyun.com/Yang_Ke_Di/article/details/124534361

版权

JS 专栏收录该内容

12 篇文章

订阅专栏

本文深入探讨了jQuery中如何高效地操作DOM节点，包括选择节点、创建新节点、将节点添加到DOM、复制节点以及删除节点的方法，帮助前端开发者提升页面动态更新和交互能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

选择节点：
	.parents()					//获取当前节点所有的父节点,可以配合eq选择器选择到某一层父节点
	.parent()					//获取当前父节点
	.children()					//获取当前子节点 返回一个集合
		.children("表达式")		//可以进行筛选 例(div[class='one']
		.children[下标]			//通过下标筛选

	.next()						//下一个兄弟节点
	.prev()						//上一个兄弟节点
	.siblings()					//所有的兄弟节点
		.siblings("表达式")		//可以进行筛选
		
	remove()					//删除节点

	创建节点：
		$("要创建的节点")

	插入节点：
		内部插入：
		//内部插入节点前为最前方，后为最后方
			append()
			//追加至节点后
				A.append(B)		//B追加至A节点后面
			appendTo()
			//追加至节点后
				A.appendTo(B)		//A追加至B节点后面
			prepend()
			//追加至节点前
				A.prepend(B)	//B追加至A节点前面
			prependTo()
			//追加至节点前
				A.prependTo(B)	//A追加至B节点前面
		
		外部插入：
			after()
			//插入至节点后
				A.after(B)		//B插入到A后面
			insertAfter()
			//插入至节点后
				A.insertAfter(B)//A插入到B后面
			before()
			//插入至节点前
				A.before(B)		//B插入到A前面
			insertBefore()
			//插入至节点前
				A.insertBefore(B)//B插入到A前面

	替换节点：
		replaceWith()
			//替换节点
				A.replaceWith(B)//吧A替换成B
		replaceAll()
			//替换节点
				A.replaceAll(B)//吧B替换成A

	复制节点：
		clone()
			//复制节点

	删除节点：
		remove()
			//删除节点
				A.remove()	//删除remove节点
				remove(A)	//删除remove节点