Maison >interface Web >js tutoriel >Interprétation jQuery de la différence entre vider, supprimer et détacher

Interprétation jQuery de la différence entre vider, supprimer et détacher

巴扎黑original: 2017-06-25 09:53:231432parcourir

Utilisez un tableau comparatif pour expliquer les différences entre plusieurs méthodes

Ce qui suit se concentrera sur la fonctionnalité de détacher qui ne supprime pas les événements et les données liés à l'élément. Le code est le suivant : Les résultats d'exécution directs sont les suivants : Cliquez sur Détacher et les résultats d'exécution sont les suivants suit : Cliquez à nouveau pour exécuter le résultat comme indiqué ci-dessous : Si vous modifiez détacher pour supprimer, puis après avoir cliqué de retour, la console affichera undefined.

方法名	参数	被移除的元素所绑定的事件及数据是否也被移除	元素自身是否被移除
empty	无	是	否
remove	选择器表达式，比如 remove(“.class”); remove(“#id”); remove(“tag”):	是	是（无参数时），有参数时要根据参数所涉及的范围。
detach	参数同remove	否	情况同remove

Nom de la méthode

Paramètres

Événement et si les données sont également supprimées

Si l'élément lui-même est supprimé

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="jquery-1.11.0.js" ></script>
		<script type="text/javascript">
			$(function() {
				var $p2=$("#p2");
				$p2.data("value", 1);
				$("#detach").on("click", function() {
					$p2.detach();
				});

				$("#back").on("click", function() {
					$("#p1").append($p2);
					console.log($("#p2").data("value"));
				});
			});
		</script>
	</head>
	<body>
		<p id="p1">
			<p id="p2">
				p2
			</p>
			<p id="p3">
				p3
			</p>
		</p>
		<input value="detach" id="detach" type="button" />
		<input value="back" id="back" type="button" />
	</body>
</html>

vide

Aucun

Oui

Non

supprimer

Sélecteur Expression, telle que

remove(“.class");

remove(“#id”);

remove("tag") :

Oui

Oui (quand il n'y a pas de paramètres), s'il y a des paramètres, cela doit être basé sur la portée des paramètres.

détacher

Les paramètres sont les mêmes que pour supprimer

Non

La situation est la même que pour supprimer

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!

Déclaration：

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

Article précédent：Explication détaillée de l'utilisation de la fonction jQuery.removeData()Article suivant：Explication détaillée de l'utilisation de la fonction jQuery.removeData()

Articles Liés

Voir plus