How to delete dom matching elements in jquery-Front-end Q&A-php.cn

How to delete dom matching elements in jquery

青灯夜游

Release： 2022-06-08 16:49:04

Original

5047 people have browsed it

Jquery method to delete dom matching elements: 1. Use "$()" to select dom elements, the syntax "$("selector")" will return a jquery object containing matching elements; 2. Use remove () deletes the matching element. The syntax "selected element object.remove()" will delete the element and its internal content.

How to delete dom matching elements in jquery

The operating environment of this tutorial: windows7 system, jquery3.2.1 version, Dell G3 computer.

jquery deletes dom matching elements

1. Use $() to select dom elements

$() can be $(expression), which is a css selector, Xpath or html element, that is, the target element is matched through the above expression.

Syntax:

$("选择器")

Copy after login

For example: $("a")The object constructed uses a CSS selector to construct a jQuery object - it selects all The tag.

2. Use remove() to delete matching elements

The remove() method can delete the selected element and all its contents.

被选元素对象.remove()

Copy after login

Example: Select the div element and delete

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").remove();
			  });
			});
		</script>
		<style type="text/css">
			div {
				background-color: yellow;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>删除div元素</button>

	</body>
</html>

Copy after login

The above is the detailed content of How to delete dom matching elements in jquery. For more information, please follow other related articles on the PHP Chinese website!