Comment supprimer des éléments en fonction de l'identifiant dans jquery

青灯夜游
Libérer: 2022-05-26 15:29:12
original
3882 Les gens l'ont consulté

Comment supprimer des éléments par jquery en fonction de l'identifiant : 1. Sélectionnez l'élément spécifié via la valeur de l'attribut id, la syntaxe "$("#id attribue la valeur")" renverra un objet jQuery contenant l'élément spécifié ; 2. Utilisez remove() La méthode peut supprimer l'objet élément sélectionné, la syntaxe est "spécifiez l'identifiant de l'objet élément.remove()".

Comment supprimer des éléments en fonction de l'identifiant dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Méthode jquery pour supprimer des éléments en fonction de l'identifiant

1 Sélectionnez l'élément spécifié via la valeur de l'attribut id

$("#id属性值")
Copier après la connexion

renverra un objet jQuery contenant l'élément spécifié

2. ) pour déplacer Supprimer l'objet élément sélectionné

La méthoderemove() supprime l'élément sélectionné, y compris tout le texte et les nœuds enfants.

指定id元素对象.remove()
Copier après la connexion

Remarque : Cette méthode supprimera également les données et les événements de l'élément sélectionné.

Exemple de mise en œuvre :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			div,p{
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("#box").css({
					"color": "red",
					"border": "2px solid red"
				});
				$("button").click(function() {
					
					$("#box").remove();
					
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div id="box">div元素--指定id元素</div>
		<p>p元素</p>
		<div>div元素</div>
		<button>id为“box”的元素是否存在</button>
	</body>

</html>
Copier après la connexion

Comment supprimer des éléments en fonction de lidentifiant dans jquery

[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal